我正在一个其他人在我之前工作过的网站上工作,我必须复制他们制作的导航,但我无法在源代码中找到他们用于导航背景的任何地方。
http://dl.dropbox.com/u/47171002/Untitled.png
问题是我查看了源代码,但在任何地方都找不到。它不是资源中的图片,不在 HTML 中,也不在 CSS 中。
那么导航颜色是如何到达那里的呢?
该网站是 www.allaboutwinecellars.com
我正在一个其他人在我之前工作过的网站上工作,我必须复制他们制作的导航,但我无法在源代码中找到他们用于导航背景的任何地方。
http://dl.dropbox.com/u/47171002/Untitled.png
问题是我查看了源代码,但在任何地方都找不到。它不是资源中的图片,不在 HTML 中,也不在 CSS 中。
那么导航颜色是如何到达那里的呢?
该网站是 www.allaboutwinecellars.com
body
{
background:url(../images/body_bg.gif) repeat-x;
...
}
颜色来自水平重复的背景。
它的背景 img 在你的身体 css http://www.allaboutwinecellars.com/images/body_bg.gif
如果您不知道如何调试 css/html。在您的 firefox 中使用firebug 扩展来调试网页上的样式。
看起来它们是一种内联样式,为悬停或活动的每个中殿节点指定背景图像:
background-image:url(http://www.allaboutwinecellars.com/images/nave_hover.gif); "
以及作为背景的一般重复背景图像:
body
{
background:url(../images/body_bg.gif) repeat-x;
...
}
它来自
body {
background: url("../images/body_bg.gif") repeat-x scroll 0 0 #000000;}
当它结束时,某处有一个 nav_hover.gif。
该背景来自http://www.allaboutwinecellars.com/images/body_bg.gif(在底部。)