滑动标签定位CSS

我需要帮助定位滑动标签。它在我的浏览器上工作并且看起来不错...但在其他计算机上以不同分辨率观看时。它与另一个选项卡重叠。滑动标签定位CSS

这里的网站.. LINK

这里是我的代码..

CSS **

.slide { 
     position: fixed; 
     overflow: hidden; 
     width: 300px; 
     margin: 1em 0; 
     height: 100%; 
     float: left; 
     top: 230px; 
     left: 0px; 
     z-index: 999999; 
    } 
    .slide .inner { 
     position: absolute; 
     left: -270px; 
     top: 0; 
     width: 300px; 
     color: #333; 
     z-index: 999999; 
    } 
    .scontent { 
     float: left; 
     width: 251px; 
     background: #fff; 
     height: 200px; 
     padding: 10px; 
     z-index: 999999; 
     -webkit-border-bottom-right-radius: 10px; 
     -moz-border-radius-bottomright: 10px; 
     border-bottom-right-radius: 10px; 
     border: 1px solid #bbb; 
     border-right: none; 
    } 
    .mybutton { 
     display: block; 
     cursor: pointer; 
     float: left; 
     width: 25px; 
     height: 147px; 
     background: url(images/remotesupporttab.jpg) no-repeat #fff; 
     ; 
     z-index: 999999; 
     -webkit-border-top-right-radius: 7px; 
     -webkit-border-bottom-right-radius: 7px; 
     -moz-border-radius-topright: 7px; 
     -moz-border-radius-bottomright: 7px; 
     border-top-right-radius: 7px; 
     border-bottom-right-radius: 7px; 
     border: 1px solid #bbb; 
     border-left: none; 
    }

JS **

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#slideleft .mybutton').click(function() { 
     var $lefty = $(this).parent(); 
     $lefty.animate({ 
      left: parseInt($lefty.css('left'),10) == 0 ? 
      -$lefty.outerWidth() + 31 : 
      0 
     }); 
     }); 
    }); 

    </script>

来源

2013-07-30 Jeremi Liwanag

那样子，你的“customersure_tab '定位在百分比，另一个标签是固定的px（top：230px;）

来源

2013-07-30 08:48:40 Chandru

是的。我尝试了几种方法.. –

任何人？我不知道这些百分比位置.. :( –

滑动标签定位CSS

回答

相关问题