鼠标悬停时，我想将背景图像带到整个div

Question

当我将鼠标移到特定的div时，在我的背景图像中出现问题，我想带一个图像，当我a：hover到p1 div。我该怎么做？但是图像应该在p1 div via中，因为我需要给出锚标记。

Symbol

Answer 1

您可以在div中应用图层而不使用：悬停。例如：

.p1  {
background-image: url('transparency.png');
}

.p1  {
background-image: url('theimage.png');
}

应用'：hover'来改变背景并不常见。它似乎不是语义。但是当你对同一个属性使用两个不同的值时，它会变得更糟。

你可以使用JavaScript，也许是JQuery，使用与此类似的代码：

function() {
   $('#p1').hover(function(){
     $('#p1').css('background-image','url(image.png)');
     });
 });