CSS：悬停内容Url选择器在Chrome上工作，但在任何其他浏览器上都不工作

我设置了这个简单的悬停效果，使心脏图像在悬停时显示在instagram图像上。我的委托人坚持要买。我认为这一切都很好，因为我使用的是chrome，但当检查其他浏览器时，除了chrome之外，它什么都不起作用。任何关于我做错了什么的建议都很好。我读过类似的文章，也尝试过一些解决方案，但都不管用

在页面底部，将鼠标悬停在instagram插件上，查看问题：

CSS:

.owl item.box a.swipebox:悬停{
内容：url（“http://eddieross.moderndesignmedia.net/wp-content/uploads/2015/08/instagram-33.png"重要,；
高度：223px；
宽度：223px；
z指数：100；
显示：内联；
}

这里有一个类似的问题，解决了与您相同的问题。我建议你看看前面给出的两个答案，也许它们对你有用。

---

这里有一个类似的问题，与您的问题相同。我建议你看看前面给出的两个答案，也许它们对你有用。

---

我找到了一个解决方案，以防其他人有这个问题

我在我的代码中添加了：before，它可以在所有浏览器上运行。content:url命令显然只适用于：before和：after

.owl item.box a.swipebox:hover:before{
内容：url（“http://eddieross.moderndesignmedia.net/wp-content/uploads/2015/08/instagram-33.png"重要,；
z指数：100；
显示：内联；
宽度：100%；
身高：100%；
}

我找到了一个解决方案，以防其他人遇到问题

我在我的代码中添加了：before，它可以在所有浏览器上运行。content:url命令显然只适用于：before和：after

.owl item.box a.swipebox:hover:before{
内容：url（“http://eddieross.moderndesignmedia.net/wp-content/uploads/2015/08/instagram-33.png"重要,；
z指数：100；
显示：内联；
宽度：100%；
身高：100%；
}

我在你的文件中看不到这种样式，请告诉我这种样式在哪里。我在你的文件中看不到这种样式，请告诉我这种样式在哪里。我确实看到了那篇文章，我在标题中尝试了，但没有解决任何问题。我真的不明白另一部分，但我认为它不适用？我没有内线。我确实看到了那个帖子，我试着在头球上打了个洞，但没有解决任何问题。我真的不明白另一部分，但我认为它不适用？我没有内在的。