Question

在我的索引页面上，我有一个背景图片，它被一些javascript动态添加到div中。添加的内联样式如下。

element.style {
background: rgba(0, 0, 0, 0)    
url("http://www.myshop.com/wp-content/themes/mytheme/images/media/bg-footer.jpg") 
no-repeat scroll 50% -287.5px;
}

我使用以下课程

更改了背景图片

.footer-bg{
background: rgba(0, 0, 0, 0) 
url("http://www.myshop.com/wp-content/uploads/2014/01/blue-living-room.jpg") 
no-repeat scroll 50% -59.5px !important;
margin-top: 20px;
}

我已经使用!important来覆盖javascript加载的背景样式并且它起作用。更改此站点后比以前慢一点。我怀疑这是网站是否会加载样式还是会完全忽略第一个？

如果网站加载两种样式并应用!important的样式，那么它需要一些加载时间吗？

这些样式覆盖直接影响网站加载速度。请指导我。

由于

Answer 1

如果该背景添加到同一个班级（.footer-bg），那么您可以使用以下方法覆盖 -

.footer-bg [style]{
   background: rgba(0, 0, 0, 0) url("http://www.myshop.com/wp-content/uploads/2014/01/blue-living-room.jpg") !important;
}

希望它会对你有所帮助。

背景图像是否会影响网站加载速度

1 个答案: