Css 固定背景的div不工作在铬

Css 固定背景的div不工作在铬,css,google-chrome,Css,Google Chrome,我有一个固定背景图像的div。 这在Firefox和IE11上是可行的,但在chrome上却没有显示div 她在JSFIDLE中举了一个例子: 这个问题可能与这里的问题类似: 但他们试图实现的是有点不同:他们在整个部分都有背景图像,并把内容放在上面。 所以没有一个解决方案对我有效。 除此之外,codepen中的演示甚至在Firefox中都不起作用 我脑子里有两个念头: 使用前面提到的hack: @媒体屏幕和(-webkit最小设备像素比:0){ .bg{ 背景附件:滚动条; } }如果删除

我有一个固定背景图像的div。 这在Firefox和IE11上是可行的,但在chrome上却没有显示div

她在JSFIDLE中举了一个例子:

这个问题可能与这里的问题类似:

但他们试图实现的是有点不同:他们在整个部分都有背景图像,并把内容放在上面。 所以没有一个解决方案对我有效。 除此之外,codepen中的演示甚至在Firefox中都不起作用

我脑子里有两个念头:

  • 使用前面提到的hack:
  • @媒体屏幕和(-webkit最小设备像素比:0){
    .bg{
    背景附件:滚动条;
    }
    }
    如果删除

    将更改:转换;
    

    背景将显示。

    这解决了问题,tnx。但当我在整个项目中尝试时,它又被破坏了。我会更新我的问题,也许这对其他人有帮助。