묻고답하기
CSS 기초적 질문 + 심화질문 드립니다.
2014.08.22 14:21
마땅히 글을 올릴데가 없어서 이곳에 올립니다~;
http://lifeto.besaba.com/xe/ 에서 상단에 가로로 가득차게 한 레이어입니다.
#b{
width: 100%;
height: 150px;
position: fixed;
background-color: #333;
left: 0px;
top: 0px;
opacity: 0.8;
box-shadow: 0px 0px 5px #333333;
}
이를 화면 상단이아닌 하단쪽에 고정시키게 하려면 어떤 태그를 사용해야 할까요?
장기적으로는 이 하단 레이어를 전체 화면 컨트롤러로 만들 계획을 가지고 있어서,
이 레이어를 숨겼다가, 다시 보이게 하는 것과, 그리고 이 레이어의 opacity 를 컨트롤러로 조정하게 하고싶습니다.
혹시 관련 스크립트를 아시는 분이 계시면 도움 좀 부탁드리겠습니다.
카톡 - cityproject
댓글 2
-
jake
2014.08.22 15:04
top: 0px; 대신 bottom:0px 으로 쓰세요. -
daviMBP
2014.08.22 15:05
하단 고정 레이어에서 다음을 사용해보세요.<div style="position: fixed;bottom: 0px;right: 0px;width: 100%;height: 100px;background-color: #000000;">bottom layer</div>