在被调整的css的背景图象

时间:2014-05-31 20:09:01

标签: html css

我有这个css代码,它创建了一个三角形并修复了背景图像:

.post-wrapper_pic2 {
    position: absolute;
    width: 922px;
    height: 1550px;
    -webkit-clip-path: polygon(0 50%, 100% 50%, 50% 100%, 0 50%);
background: url("http://krishnaeverson.com/wp-content/uploads/2014/01/universe.png") center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    z-index:10px;


}

但问题是图像正在调整大小,即使我把高质量的图像作为背景,它也会出现像素化。你能算出我正在做的事情有什么不对吗?

1 个答案:

答案 0 :(得分:0)

你显然想知道名为background- size 的CSS属性会导致图像大小调整......所以你应该只是查看它的作用。

background-size

  


  此关键字指定应将背景图像缩放到尽可能小,同时确保其尺寸大于或等于背景定位区域的相应尺寸。