4

我一直在做一个网页。这是我第一次尝试使用图像进行设计,然后使用适当的 CSS 布局而不是表格。

http://www.roccocammisola.com/proj/brunel/bgimage.html

我一直对主要内容区域两侧的阴影有疑问。当然这些只是IE中的一个问题。如您所见,阴影已被削减到其实际高度的 10% 左右。

由于我相对缺乏经验,我该如何寻找解决这个问题的相关方法。

任何帮助将不胜感激。

4

7 回答 7

7

FireBug,除其他外,调试 CSS 的最重要工具。

在这里得到它

于 2008-10-27T19:21:48.543 回答
7

IE Web 开发工具栏 它不如一般的 firebug 好,但是当您遇到特定于 IE 的问题时它会有所帮助。

于 2008-10-27T19:24:26.807 回答
2

除了Firebug之外,确保您的 HTML 有效是一个非常宝贵的工具,可以最大程度地减少 CSS 问题。有时您的 CSS 可能无法正常工作,因为 HTML 中存在错误。不同的浏览器有不同的方式来处理不正确编写的 HTML,这有时会使它看起来像是存在跨浏览器的 CSS 问题。验证器可以帮助您发现标记中的错误。

http://validator.w3.org/

于 2008-10-27T20:27:17.493 回答
1

+1 萤火虫

在这种特殊情况下,我只想为您的阴影建议一种新方法。目前,您将它们作为项目。您通常希望将 CSS 背景图像用于此类事情。

.mainShadowRight {
*/ your other stuff */
url('images/mainShadowRight.gif');
}
于 2008-10-27T19:22:32.177 回答
1

您的 .mainShadowRight CSS 类指定了最小高度(IE6 无法理解,IE7 并不总是 100% 正确)

正如 Dlarsen 指出的那样,您似乎缺少背景图像: url(); 少量。

于 2008-10-27T19:33:38.927 回答
0

感谢您的所有回答,似乎已经成功了。

我想我对上传感到震惊,因为我应该定义在那里有 bg-image 的东西。

那个 IE web 开发工具栏看起来也不错,因为我有 FF 的 firebug 和 web 开发工具栏。

于 2008-10-27T21:41:45.860 回答
0

另一个用于调试 CSS- CSS Viewer的热门推荐。

这是一个 Firefox 插件,允许您将鼠标悬停在网页中的元素上并查看它们的确切样式。通常你会发现最终的风格不是你的意思,可能是由于一些风格的继承。

于 2008-10-28T15:01:56.337 回答