4

私はとても困惑しています。私は一見とても単純なことをしようとしていますが、惨めに失敗しています。画像「b.png」を「c.png」に変更したいです。私がどこで間違ったのか見つけられますか？

index.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 に答える