更改图片悬停位置以及文本
我在主页上列出了网站中的类别。我希望图像在悬停位置时更改为蓝色版本。我还希望当计算机服务标题悬停在悬停位置时，该图片更改为蓝色版本。我以一种方式编码，但看起来无法正常工作，因为我进入了它更改的图像内部，然后又返回了几次。有人可以帮我解决这个问题吗？
这是我为此编写的编码； http://jsfiddle.net/4M2sr/
注意：我不希望黑色文本改变标题或图片的颜色。
I listed categories in my website on my home page. I want the image to change to the blue version of it onhover position. I also want that picture to change to the blue version when Computer Services heading is onhover in onhover position. I coded one way but it looks like is not working properly because I went inside of the image it changed then it went back several times. Is there anybody can help me with this ?
Here is the coding I made for this;
http://jsfiddle.net/4M2sr/
Note: I don`t want that black text to change the color of heading or picture.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
发生的情况是，您的
标记位于其他元素之上，当您将鼠标悬停在图像中间时，会阻止悬停效果。有几种方法可以解决此问题：使用
z-index通过将标记强制放在其他元素后面来解决此问题。< /p>
将
标记更改为内联标记，例如
。将
display: inline应用到标记的样式。
注意：如果使用第二个或第三个，则可能需要调整
标签的定位样式。What's happening is that your
<p>tag is sitting on top of the other elements, blocking the on-hover effect when you mouse over the middle of the image. There are a couple of ways you can fix this:Use
z-indexto fix this problem by forcing the<p>tag behind the other elements.Change the
<p>tag to an inline tag, like<span>.Apply
display: inlineto the<p>tag's style.Note: if you use the second or third, you may need to adjust the positioning styles of the
<p>tag.