Html CSS不在Firefox或IE中加载。在Chrome中工作

我已经创建了一个简单的church目录，在其中我编辑了CSS，将其中一个默认地图标记更改为我自己的一个。我遇到的问题是，地图标记在Chrome和Safari上显示正确，但在Firefox IE或Edge上显示不正确

代码

---

问题在于对常规元素使用

content

属性。改为使用

background

属性，该属性将具有更好的跨浏览器支持

更改以下内容：

。离子信息已圈出{
内容：url（…）；
}

为此：

.map marker.ion信息圆圈：：之前{
内容：“；
背景：url（…）
}

---

您需要在此处发布显示问题的所有代码，而不是明天可能更改或消失的第三方网站。您的网站将重定向到WordPress登录。步骤：1）将代码复制并粘贴到文本框中2）高亮显示所有代码3）同时按Ctrl和K。Wallah您已经在您的帖子中添加了代码。请编辑您的帖子，谢谢！谢谢你，桑普森。但是，我需要覆盖默认映射标记中的CSS。所以我只需编辑文本并将内容更改为背景？您应该仍然能够覆盖样式。所以它将是这样的。。。对的离子信息圈{background:url（）；}Close；您的

离子信息…

应该以

开头，以表明它是一个类。@abbanob该问题可能与冲突的样式有关；将选择器从

.ion information circled

更改为

.map marker i.ion-information-circled:：before

，并将

内容：“

更改为它。我也会更新上面的答案。

 /*
Theme Name:     Listify Child
Theme URI:      http://astoundify.com/themes/listify
Template:       listify
Version:        1.0
*/
.job_listing-rating-wrapper,
.map-marker-info .rating,
.single-comment-rating,
.star-rating-wrapper {
    display: none !important;
}


.type-job_listing.style-grid .job_listing-entry-footer {
    display: none;
}
.ion-information-circled
{
  content: url(http://copticchurch-directory.org/wp-content/uploads/2016/08/Map-Marker1.svg);
}

.ion-ios.information-circled
{
  content: url(http://copticchurch-directory.org/wp-content/uploads/2016/08/Map-Marker1.svg);
}

.ion.md.information-circled
{
  content: url(http://copticchurch-directory.org/wp-content/uploads/2016/08/Map-Marker1.svg);
}