4

我很困惑。我正在尝试做一些看似如此简单但惨遭失败的事情。我想让图像“b.png”更改为“c.png”。你能找到我哪里出错了吗？

索引.html

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="style.css" />
</head> 
<body>
    <div class="main">
        <img src="b.png" />
    </div>
</body>
</html>

样式.css

.main:hover {
    background-image: url('c.png');
}
4

2 回答 2

11

你<div class="main"> 正在成为它的背景——你只是在元素c.png后面看不到它。<img src="b.png">

尝试删除该<img>标签，并将其用于您的 CSS：

.main {
    background-image: url(b.png);
}

.main:hover {
    background-image: url(c.png);
}

您可能还需要给出.main高度和宽度，因为它里面不再有任何东西来给它一个大小。

于 2012-08-12T22:46:19.600 回答
0

你在做什么没有错，除了图像（b.png）当然在背景之上......所以你看不到背景图像。

于 2012-08-12T22:46:40.593 回答