0

Sliding TAB の配置について助けが必要です。それは機能し、私のブラウザでは見栄えがします...しかし、別の解像度の別のコンピュータで表示すると。他のタブと重なっています。

サイトはこちら.. 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>
4

1 に答える 1

1

「customersure_tab」はパーセンテージで配置され、他のタブは固定ピクセル (上: 230px;) に配置されているようです。

于 2013-07-30T08:48:40.580 に答える