我一直在网页上工作。这是我第一次尝试使用图像进行设计，然后使用适当的CSS布局而不是表格。
http://www.roccocammisola.com/proj/brunel/bgimage.html
我在主要内容区域两侧的阴影一直存在问题。当然这些只是IE中的一个问题。正如您所看到的，阴影已经减少到其实际高度的大约10％。
由于我相对缺乏经验，我如何寻找这个问题的相关修复。
非常感谢任何帮助。
答案 0 :(得分：7)
FireBug，用于调试CSS的最重要工具，等等。
答案 1 :(得分：7)
IE Web Developer Toolbar 它一般不如firebug好，但是当你遇到特定于IE的问题时它会有所帮助。
答案 2 :(得分：2)
除了Firebug之外，确保HTML有效是一个非常宝贵的工具，可以最大限度地减少CSS问题。有时你的CSS可能无法正常工作，因为HTML中存在错误。不同的浏览器有不同的方式来处理不正确编写的HTML，这有时会使它看起来像是一个跨浏览器的CSS问题。验证器可以帮助您找到标记中的错误。
答案 3 :(得分：1)
+1 for FireBug
在这种特殊情况下，我只是为你的阴影建议一种新的方法。目前，您将它们作为项目。您通常希望将CSS背景图像用于此类事件。
.mainShadowRight {
*/ your other stuff */
url('images/mainShadowRight.gif');
}
答案 4 :(得分：1)
您的.mainShadowRight CSS类指定最小高度（IE6不理解，IE7并不总是100％正确）
正如DLarsen指出的那样，你似乎错过了background-image：url（）;位。
答案 5 :(得分：0)
感谢您的所有答案，似乎已经成功了。
我觉得我上传了因为我应该definitley那里有bg-images的东西。
IE web开发人员工具栏看起来也很不错，因为我有FF的firebug和web开发人员栏。
答案 6 :(得分：0)
调试CSS的另一个热门建议 - CSS Viewer。
这是一个Firefox附加组件，允许您将鼠标悬停在网页中的元素上并查看其确切的样式。通常你会发现最终的风格并不是你的意思，可能是由于某种风格的继承。