我一直在做一个网页。这是我第一次尝试使用图像进行设计,然后使用适当的 CSS 布局而不是表格。
http://www.roccocammisola.com/proj/brunel/bgimage.html
我一直对主要内容区域两侧的阴影有疑问。当然这些只是IE中的一个问题。如您所见,阴影已被削减到其实际高度的 10% 左右。
由于我相对缺乏经验,我该如何寻找解决这个问题的相关方法。
任何帮助将不胜感激。
我一直在做一个网页。这是我第一次尝试使用图像进行设计,然后使用适当的 CSS 布局而不是表格。
http://www.roccocammisola.com/proj/brunel/bgimage.html
我一直对主要内容区域两侧的阴影有疑问。当然这些只是IE中的一个问题。如您所见,阴影已被削减到其实际高度的 10% 左右。
由于我相对缺乏经验,我该如何寻找解决这个问题的相关方法。
任何帮助将不胜感激。
IE Web 开发工具栏 它不如一般的 firebug 好,但是当您遇到特定于 IE 的问题时它会有所帮助。
除了Firebug之外,确保您的 HTML 有效是一个非常宝贵的工具,可以最大程度地减少 CSS 问题。有时您的 CSS 可能无法正常工作,因为 HTML 中存在错误。不同的浏览器有不同的方式来处理不正确编写的 HTML,这有时会使它看起来像是存在跨浏览器的 CSS 问题。验证器可以帮助您发现标记中的错误。
+1 萤火虫
在这种特殊情况下,我只想为您的阴影建议一种新方法。目前,您将它们作为项目。您通常希望将 CSS 背景图像用于此类事情。
.mainShadowRight {
*/ your other stuff */
url('images/mainShadowRight.gif');
}
您的 .mainShadowRight CSS 类指定了最小高度(IE6 无法理解,IE7 并不总是 100% 正确)
正如 Dlarsen 指出的那样,您似乎缺少背景图像: url(); 少量。
感谢您的所有回答,似乎已经成功了。
我想我对上传感到震惊,因为我应该定义在那里有 bg-image 的东西。
那个 IE web 开发工具栏看起来也不错,因为我有 FF 的 firebug 和 web 开发工具栏。
另一个用于调试 CSS- CSS Viewer的热门推荐。
这是一个 Firefox 插件,允许您将鼠标悬停在网页中的元素上并查看它们的确切样式。通常你会发现最终的风格不是你的意思,可能是由于一些风格的继承。