0

私が言っていることをよりよく理解するために、私が使用しているHTMLとCSSコードを示すこのペンに向かいます（プレビュー付き）。

2番目の背景画像のCSSコードを見てください。

.top-navbar-channels a {
    background-attachment: fixed;
    background-color: transparent;
    background-image: url('http://i.imgur.com/Z1YZt.png');
    background-position: 112px 8px;
    background-repeat: no-repeat;
    padding: 0 0 0 35px;
}

私が理解していないのは、背景が親要素ではなく画面上に配置されているということです。親要素と要素自体を試しdisplay: block;てみましたが、何も変わりませんでした。

私は何が欠けていますか？

4

1 に答える 1

1

がある場合background-attachment: fixed、背景画像の原点は常にビューポートです。そのため、画面の左上隅から開始し、画面の左上隅に対して配置されます。

すでにページの上部にナビゲーションバーを貼り付けているので、背景画像に固定位置を適用する必要はありません。background-attachment: fixed両方のナビゲーションリンクから削除し、それに応じて座標を調整するのが安全です。

于 2012-12-13T03:44:19.860 に答える