0

私は CSS と HTMl にあまり詳しくないので、気楽に話してください。購入したテンプレートを編集していて、ちょっとした問題が発生しました。ここでどのように見えるかを確認し、私の問題を理解してください: https: //dl.dropbox.com/u/10843829/SITE%20INFORBYTE/shortcodes-text.html

問題は、サイドバー div があり、その div に「position:fixed」属性を付けてページに沿って移動するように作成したことです... 問題は、フッター div をスクロールすることです。私はこれに従おうとしました: http://css-tricks.com/scrollfollow-sidebar/しかし、うまくいきませんでした。

私の問題をより深く理解するためのコードです。

ソースコード

<div class="grid_4 sidebar " style="position:fixed" id="sidebar">

サイドバー ウィジェット コンテナー - CSS

    .sidebar h3 {
    font-size:14px;
    color:#333333;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:bold;
    margin-bottom:10px;
    text-transform:uppercase;
    text-shadow:1px 1px 1px #fff}

.sidebar .widget-container h3 {
    margin-left:40px}

.footer .widget-container h3 {
    font-size:15px;}

.footer .widget-container {
    color:#848484}

.footer .widget-container a {
    color:#fff}

.sidebar ul, .sidebar ol {
    margin:0;
    padding:0}

.sidebar ul li {
    list-style:none}

.sidebar_space {
    padding:10px }

.sidebar .box,
.sidebar .widget {
    margin-bottom:20px}

.sidebar .widget-container {
    font-size:13px;
    padding:20px;
    margin-bottom:30px;}

.sidebar .box .widget-container {
    padding:0}

.sidebar .widget-container ul {
    margin:0;}

.sidebar .widget-container ul li ul{
    margin:0 0 0 5px;}
4

2 に答える 2

1

フッターの z-index を次のようなわいせつな値に設定します。

z-index: 3000;

それはそれをトップにとどまらせるはずです。または、サイドバーの負の値を試してみることもできます。これもうまくいく可能性があります。

于 2012-06-25T14:48:19.817 に答える
1

フッターをに設定position: relative;し、次のz-index: 5000;ようにします。

.footer {
    position: relative;
    z-index: 5000;
}
于 2012-06-25T14:51:05.637 に答える