9

今まで見たことのない非常に奇妙な行動。

透明なpng背景画像を持つ固定位置のdivがあります。z-index は -1 に設定されているため、コンテンツはスクロールバーで固定画像をスクロールできます。

下と右の 0px に配置しましたが、画像がスクロールバーと重なっています (FF と Safari ではとにかく)。

リンクは次のとおりです。

http://adamjcas.www59.a2hosting.com/pg/show/id/4

CSS:

#plants /*for the cut paper plants in the background*/
{
    background: transparent url(../background_images/plants.png) no-repeat;                                         
    bottom:0px;
    right:0px;
    z-index: -1;
    position:fixed;
    height:691px;
    width:475px;        
}

私が使用した 1 つのハックは、right: 16px; を使用することでした。

常に（おそらく）右スクロールバーがあるため、これはうまく機能しました。しかし、下のスクロールは時々しかありません。これは単純な CSS の問題ですか?

4

1 に答える 1

5

それは奇妙な問題でした。しかし、スクロールバーはブラウザからではなく、親の div からのものであることがわかりましたoverflow: auto。

これが私がそれを修正した方法です。のスタイルを変更してdiv id="rightpanel"を削除しoverflow: auto;ます。

#rightcontent次に、スタイルを次のように更新します。

#rightcontent {
    left: 445px;
    padding-top: 127px;
    position: relative;
    width: 650px;
}

うまくいけば、すべてのブラウザーの問題が解決するはずです。それに加えて、ブラウザが Cufon.js を見つけられないことについて不平を言っていることもわかりました。あなたもそれを調べたいと思うかもしれません。

于 2011-01-27T04:59:22.743 に答える