소스는 아래와 같습니다.

문제는 익스플로에선 화면 스크롤해도 같이 움여지는데 크롬에서는 스크롤하면 같이 안움직입니다.

어설프지만 인터넷 검해봐도 이런 문제는 안보이고, 메타테그 문제인가 싶어 여기저기 적용해봣지만.

문제는 그대로입니다...

(테스트 하느라 버튼이 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" 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) 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;}