Question

我试图动态更改背景图像，但我无法使用jQuery $（'。wrapper：before）之前的“wrapper：before {}之前访问包装器

.wrapper:before {
content: "";
position: fixed;
left: 0;
right: 0;
z-index: -1;
display: block;
background: url("https://image.tmdb.org/t/p/original/m1gYsC1uAu6EDc5pVIZ29DgwSrH.jpg");
background-size: cover;
width: inherit;
height: inherit;
-webkit-filter: blur(25px);
-moz-filter: blur(25px);
-o-filter: blur(25px);
-ms-filter: blur(25px);
filter: blur(25px);
}


.wrapper {
display: inherit !important;
height: 100% !important;
width: 100% !important;
padding: unset !important;
position: fixed;
left: 0;
right: 0;
z-index: 0;
color: #aaa;
overflow-x:scroll;
}

jQuery看起来像这样

var image = "https://image.tmdb.org/t/p/w1280/" + data.backdrop_path;
    $('.wrapper:before').css('background-image', 'url('+image+')');

我该怎么做？

Answer 1

wrapper.before将不允许图像引用，但您可以使用jQuery查找wrapper.before并添加类。 wrapper.before将在.wrapper div中呈现为::before，因此使用一些jQuery，如果它包含字符串::before并添加一个类，则可以定位div。

$("div,wrapper:contains('::before')").addClass("monkey");

这是jsfiddle

如何使用in：在规则之前动态更改css中的图像？

1 个答案: