悬停图片HTML：响应？

-3

我想用这个简单的html代码在wordpress的一行中创建2个悬停图像（见下文）。悬停图片HTML：响应？

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

然而，每当我从同一页面修改另一个模块，不仅悬停不再响应没有被写在模块中的第一个地方的HTML代码的记录。有没有办法“保护”我的代码不被覆盖？像一样避免缺少空格。另一方面，我也希望代码具有响应能力：每当我缩小屏幕时，图像不在同一位置。（没有JavaScript请证明CSS和简单！我是新手）

任何人都可以帮我吗？

谢谢！

来源

2016-12-28 Elisap

可以粘贴HTML代码到这个问题？此外，由于这似乎与wordpress没有任何关系，我建议删除该标签，并将问题保持在范围内。 –

我使用如上所述，它工作！唯一的问题是，当我修改我的页面中的其他模块，然后代码不再工作，实际上缺少... – Elisap

@Elisap你需要编辑你的问题，并包括你当前使用的所有HTML和CSS。 –

您可以添加两个相似图片下面给出（使用CSS）：

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

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

谢谢，希望这将有助于

来源

2016-12-29 11:02:14 RDS

悬停图片HTML：响应？

回答

相关问题