您能告诉我我在这里必须进行哪些更改才能background-image
通过Javascript进行更改吗?
$(document).ready(function(){
$('p').css('background-image', 'url("misc/bilder/2.png")');
});
.p {
height: 100%;
width: 100%;
position: relative;
padding: 25%;
background-size: cover;
background-attachment: fixed;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
background-image: url("misc/bilder/1.png");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
Some text
</p>
谢谢!
在您的CSS中,您引用的是.p这是一个类,但是在您的JavaScript中,您的引用是p是元素。这可能会有所帮助:
$(document).ready(function(){
$('.p').css('background-image', 'url("misc/bilder/2.png")');
});
已更新:我的答案后问题已更新。除掉 。从.p在CSS中。像这样:
CSS:
p {
//some css
}
javascript:
$(document).ready(function(){
$('p').css('background-image', 'url("misc/bilder/2.png")');
});
的HTML:
<p>
some text
</p>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句