Question

所以我在某人的网站上工作。

它有以下几行代码。

<div class="parallax image-container anim-css" style="background-image: url("image_url"); 
            background-position: 50% 0px;"></div>

所以我无法设法从css中更改该图像网址，有人知道吗？

Answer 1

这是因为您的代码中包含内联样式且优先级高于类，您还应该使用引号问题，您应该使用单引号'：

<div ..."background-image: url('http://lifehacking.nl/wp-content/uploads/google-logo.jpg'); background-position: 50% 0px;"></div>
_______________________________^________________________________________________________^

您可以使用!important强制改写班级图片：

.new-image{
    background-image: url('http://bit.do/logo124578') !important; 
}

但这不是一个好习惯，当您想要更改background-image并删除内联样式时，您可能需要在课程之间切换：

.old-image{
    background-image: url('old_img_url') !important; 
}

.new-image{
    background-image: url('new_img_url') !important; 
}

<div class="parallax image-container anim-css old-image"></div>
<div class="parallax image-container anim-css new-image"></div>

希望这有帮助。

无法管理从css编辑类

1 个答案: