position:fixed; 익스플러 적용됨, 크롬은 안됩니다.
소스는 아래와 같습니다.
문제는 익스플로에선 화면 스크롤해도 같이 움여지는데 크롬에서는 스크롤하면 같이 안움직입니다.
어설프지만 인터넷 검해봐도 이런 문제는 안보이고, 메타테그 문제인가 싶어 여기저기 적용해봣지만.
문제는 그대로입니다...
(테스트 하느라 버튼이 2개입니다.)
<div class="middle">
<section>
<div class="supp_btn"><a href="javascript:_WC.go('sub03_01a')">글쓰기</a></div>
<div class="btn_write_gallery">
<a href="#" onclick="boardContents.post.removeSelect('chkList')"><img src="http://images.webchon.co.kr/board/whiteN/icon/icn_new_wt_white.png">http://images.webchon.co.kr/board/whiteN/icon/icn_new_wt_white.png" alt="글쓰기"/></a>
</div>
</section>
</div>
검정버튼
.supp_btn {position:fixed; z-index:9999; bottom:100px; right:10px;padding:10px 0 15px 0; transition: all .5s ease;
background:rgba(0, 0, 0, 0.8) url(http://cdnimages.nakwon.or.kr/solution/sscn/common/icon_write.png">http://cdnimages.nakwon.or.kr/solution/sscn/common/icon_write.png) no-repeat 15px 14px; overflow:hidden;
-moz-border-radius: 90px; -webkit-border-radius: 90px; border-radius: 90px;}
.supp_btn a {display:block; color:#fff;width:60px; height:25px; font-size:14pt; color:#FFF; padding:0 10px 0 40px;}
==============================================
파란버튼
btn_write_gallery {position:fixed; z-index:9999; bottom:100px; right:15px; width:75px; height:100px; opacity:.8; transition: all .5s ease;}
.btn_write_gallery a {display:block; text-align:center; border-radius:100px; color:#fff; background:#3399FF; text-align:center; padding:25px 0; border:1px solid #fff;}
.btn_write_gallery a img {padding:;}
.btn_write_gallery a span {position:relative; top:-5px; display:none;}
.btn_write_gallery:hover {opacity:1;}
답변 1개
파란버튼
"여기"btn_write_gallery {position:fixed; z-index:9999; bottom:100px; right:15px; width:75px; height:100px; opacity:.8; transition: all .5s ease;}
여기라고 된 부분에 .이 빠진 거 같네요.
답변에 대한 댓글 2개
http://nyaongii.dothome.co.kr/temp/wrid_101200.html
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
편법이지만. 사이드 메뉴따라 다니는거 자바스크립트를 이용할려고 합니다.
시간이 촉박한지라..OTL