Question

我正在尝试使用这个简单的html代码在wordpress中连续创建2个悬停图像（见下文）。

<a href="#"><img src="image1.jpg" onmouseover="this.src:'image2.jpg'" onmouseout="this.src:'image1.jpg'"></a>

但是，每当我从同一页面修改另一个模块时，不仅悬停不再响应，而且模块中首先没有写入HTML代码的记录。有没有办法“保护”我的代码被覆盖？像一个避免错过空格。另一方面，我也希望代码能够响应：每当我使屏幕变小时，图像就不会处于相同的位置。（没有javascript请juste CSS和简单！我是新手）

任何人都可以帮助我吗？

谢谢！

Answer 1

您可以添加以下给出的两个图像（使用Css）：

    a:hover:after {
    content: url(image/circle.PNG); 
    display: block;
    }

    a:hover {
     content: url(image/anyother.PNG); 
     display: block;
   }

谢谢，希望这会有所帮助

悬停图片HTML：响应？

1 个答案: