Question

我希望我的HTML背景不透明度为.9，但由于某种原因它不起作用。为什么会这样？我真的不明白......

CSS

html{
  background: url(http://img.pixland.uz/u841f174959.jpg
  ) no-repeat center center fixed;
  background-size: cover;
  opacity: 1; <!-- if i decrease opacity 1 to 0.9 it will become very small   -->
}

demo

Answer 1

Have a fiddle!

CSS

html,body{
  background: url(http://img.pixland.uz/u841f174959.jpg) no-repeat center center fixed;
   background-size: cover;
  opacity: 0.5;
  height: 100%;    
}

Answer 2

http://jsfiddle.net/22snQ/

html{
    height:100%;
  background: url(http://img.pixland.uz/u841f174959.jpg
  ) no-repeat center center fixed;
  background-size: cover;
  opacity: 0.5; 
}

只要你不指定身高，你做错了！

Answer 3

如果您只想达到预期的效果，则应更改CSS规则以应用于 body 标记，而不是 html 。就像这样：

html{ /*Used this to test the opacity thing*/
    background:#000;
}
body{
  background: url(http://img.pixland.uz/u841f174959.jpg
  ) no-repeat center center fixed;
  background-size: cover;
  opacity: 0.5;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

我正在搜索，为什么它不能在html标签上运行。

不透明属性有一些问题

3 个答案: