CSS背景消失在其他计算机上

时间:2017-06-28 17:37:52

标签: html css background-image

我有一个背景图片,我已经在页面正文上设置了。背景出现在我的电脑上,但当我去另一台电脑时背景不存在。

 body {
   background-image: url("https://sourceneed.com/img/pineapple-1704338_1920.jpg");
   overflow-x: hidden;
   background-attachment: fixed;
 }

3 个答案:

答案 0 :(得分:0)

如果您测试的其他设备是移动浏览器,则可能无效。 background-attachment样式对移动浏览器的支持有限:

https://caniuse.com/#search=background-attachment

答案 1 :(得分:0)

似乎在这里工作:

body {
   background-image: url("https://sourceneed.com/img/pineapple-1704338_1920.jpg");
   
  
   
   overflow-x: hidden;
   background-attachment: fixed;
 }
<body>
</body>

答案 2 :(得分:0)

由于浏览器或浏览器版本,它不是计算机问题

在div中设置背景图片

`#image-div {
background-image: url(img_flwr.gif), url(paper.gif);
background-position: right bottom, left top;
background-repeat: no-repeat, repeat;
}`

如果您想在完整页面使用封面属性中添加背景

`html { 
background: url(images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;
}`