我以前从未见过的非常奇怪的行为。
我有一个固定位置的 div,它有一个透明的 png 背景图像。 z-index 设置为 -1,以便内容可以使用滚动条在固定图像上滚动。
我将其放置在底部和右侧 0px 处,但图像与滚动条重叠(无论如何,在 FF 和 Safari 上)。
这是链接:
http://adamjcas.www59.a2hosting.com/pg/show/id/4 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;
}
我使用的一种技巧是使用
右:16 像素;
这工作得很好,因为总是(可能)有一个正确的滚动条。但底部卷轴只是有时存在。这是一个简单的 CSS 问题吗?
这是一个奇怪的问题。但我发现滚动条不是来自浏览器,而是来自父 divoverflow: auto
.
这就是我解决这个问题的方法。更改样式为div id="rightpanel"
删除overflow: auto;
.
然后更新#rightcontent
样式如下:
#rightcontent {
left: 445px;
padding-top: 127px;
position: relative;
width: 650px;
}
希望这可以解决所有浏览器的问题。除此之外,我还发现浏览器抱怨找不到 Cufon.js。您可能也想调查一下。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)