-webkit-背景大小不适用于jQuery Css
-webkit-背景大小不适用于jQuery Css
提问于 2016-04-02 18:43:01
我试图在页面加载后加载一个背景，但它似乎不像我所期望的那样工作。
我以前在css中的代码是：
html {
background: url(<?php echo $this->Cdn->getUrl(); ?>/images/photos/bg-blurred.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #0c1d31;
}现在，我尝试使用jQuery：
jQuery(document).ready(function () {
jQuery('html').css({
'background-image': "url('<?php echo $this->Cdn->getUrl(); ?>/images/photos/bg-blurred.jpg')",
'background-size': "cover",
'background-color': "#0c1d31",
'-webkit-background-size': "cover",
'-moz-background-size': "cover",
'-o-background-size': "cover",
});
});似乎‘-webkit-背景大小’和‘-moz-背景大小’和‘-o-背景大小’使用jQuery.css不起作用。其他css属性运行良好。
有什么想法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-04-02 20:40:07
抱歉这是我的错。我想念JS中的一些代码..。
jQuery('html').css({
'background-image': "url('<?php echo $this->Cdn->getUrl(); ?>/images/photos/bg-blurred.jpg')",
"background-repeat": "no-repeat",
"background-position": "center center",
"background-attachment": "fixed",
'background-size': "cover",
'background-color': "#0c1d31",
'-webkit-background-size': "cover",
'-moz-background-size': "cover",
'-o-background-size': "cover",
});是好的。
Stack Overflow用户
发布于 2016-04-02 20:02:53
如果您只尝试使用“-webkit-背景大小”：
jQuery(document).ready(function () {
jQuery('html').css({
'-webkit-background-size': "cover"
});
});您将看到您的元素如下所示：
<html style="background-size: cover;">所以这不是你的问题。
你应该去找你的网址：
"url('<?php echo $this->Cdn->getUrl(); ?>/images/photos/bg-blurred.jpg')"如果您使用的是铬，请在网络选项卡中签入f12，以查看是否存在错误。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36377362
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号