Question

我在asp.net网络应用程序中设置背景图片时遇到问题。

问题是：当我设置不重复时，图像根据其分辨率640 * 480设置，剩余页面留空。

如果我没有在css文件中设置任何重复，那么图像将被转换为一个半图像。

我希望我的图像沿着屏幕拉伸。

mycss文件

body
{
 font-size: .80em;
font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: #696969;
} /*default setting */

<body style="background-image: url(' <%= imgPath %>')" >
</body>

欢迎所有建议。

谢谢！

Answer 1

使用background-size:cover和no-repeat

body{
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;
}

DEMO

Answer 2

也许你应该使用背景大小

background-size | MDN

像

-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;

或

/* include vendor prefixes */
background-size: 100%;

背景图像正在重复

2 个答案: