Question

我试过这段代码，但由于某些原因它不适合我。我正在关注此帖子。（CSS-Only，使用两组图像（灰度和彩色）。你能告诉我为什么这对我不起作用吗？我给了我的图像一个我在网站上放入css的ID为什么这不起作用？是我的html＆amp; 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);
}

感谢。 AG

Answer 1

好吧，当我点击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);}

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

或者如果它完全是我做的其他地方

#thumbnail_fgm { background: url(/<whereever it is>/img/thumbnail_fgm_bw.jpg);}

使用css和两个图像的灰度悬停

1 个答案: