0

我已经尝试过这段代码，但由于某种原因它对我不起作用。我正在关注已发布的此链接。（仅 CSS，使用两组图像（灰度和彩色）。你能告诉我为什么这对我不起作用吗？我给我的图像一个 id，我在 CSS 中放入网站，为什么这不起作用？在这里是我的 html & css 代码。html

<li><a href"http://powerfulgirls.com/img/Thumbnail_FGM_bw.jpg<img src="img/Thumbnail_FGM_bw.jpg" id="thumbnail_fgm" alt="blade"</a></li>

css

    #thumbnail_fgm { 
background: url(http://powerfulgirls.com/img/thumbnail_fgm_bw.jpg);
} 
    #thumbnail_fgm:hover { 
background: url(http://powerfulgirls.com/img/Thumbnail_FGM_bw.jpg);
}

谢谢。股份公司

4

1 回答 1

2

好吧，当我点击http://powerfulgirls.com/img/Thumbnail_FGM_bw.jpg和http://powerfulgirls.com/img/thumbnail_fgm_bw.jpg时，我收到了 404 错误，这意味着服务器找不到图像。

你也没有 # 在 thumbnail_fgm 上。当你使用 # 时，它意味着你使用 id 。这意味着类，因此您调用 CSS 的标记也需要反映这一点。

通常当我做背景图片时，我不会从外部资源中提取。我从服务器的目录中执行此操作。这样我就控制了图像。在这种情况下，您将使用相对而不是绝对 URL。

就像是：

#thumbnail_fgm { background: url(img/thumbnail_fgm_bw.jpg);}

或者如果 img 目录在 CSS 目录下

#thumbnail_fgm { background: url(../img/thumbnail_fgm_bw.jpg);}

或者如果它完全是其他地方，我会这样做

#thumbnail_fgm { background: url(/<whereever it is>/img/thumbnail_fgm_bw.jpg);}
于 2013-07-19T18:20:03.717 回答