푸터 색상관련 질문 드립니다.
본문
.sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 15%;
background-color: #3b3e4b;
padding: 60px 0 0;
z-index: 1000;
}
.my-sidebar {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 25%;
padding: 10px;
background-color: #3b3e4b;
color: #3b3e4b;
}
.my-footer {
width: 100%;
position: absolute;
bottom: 0;
padding: 10px;
background-color: #3b3e4b;
color: white;
}
왼쪽 사이드 바와 똑 같은 색상의 #3b3e4b 사용 햇지만 푸터부분과 오른쪽 사이드 부분이 연하게 나오는 문제가 있습니다
원래는 푸터를 오른쪽 사용하려다가 위에 문제 때문에 사이드를 하나더 만들어서 오른쪽에 추가한건데..
같은 문제가 발생하니....어떻게 해야 할지 모르겟네요
혼자 어찌 해보려다가 도저히 답이 안나와서 질문드립니다. ㅠ
답변 3
첨부된 코드로 구성했을때 해당 증상은 없는것 같습니다.
다른코드에 추가 정의된 곳이 있어서 스타일이 오버라이딩 된다던가
스크립트에서 동적으로 컨트롤 하고 있는곳은 없는지 확인이 필요할것 같습니다.
<!DOCTYPE html>
<html>
<head>
<style>
.sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 15%;
background-color: #3b3e4b;
padding: 60px 0 0;
z-index: 1000;
}
.my-sidebar {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 25%;
padding: 10px;
background-color: #3b3e4b;
color: #3b3e4b;
}
.my-footer {
width: 100%;
position: absolute;
bottom: 0;
padding: 10px;
background-color: #3b3e4b;
color: white;
}
</style>
</head>
<body>
<div class="sidebar"></div>
<div class="my-sidebar"></div>
<div class="my-footer"></div>
</body>
</html>
아 제가 답을 찾앗는데 깜박하고 채택만누르고 답을 안햇네요 재설치하니 정상적으로 나와여 설치할때 뭔가 문제가 있엇나봐여
답변을 작성하시기 전에 로그인 해주세요.
