0

这是我的网站

http://albuquerqueautomotiveservice.com/

但我在我的旧电脑上对其进行了编码,它的显示器是方形的,而不是宽屏的。

我刚刚注意到在我的笔记本电脑中页面的右侧是灰色的。

如何确保它仅水平拉伸?

  body {
        background:#333 url(bg.jpg) no-repeat;
        width: 100%;
        font-family:Arial;
        cursor: url(images/wrench.cur);
        }
4

2 回答 2

3

这就是background-size

background-size: cover;

如果您支持 IE < 9,则必须使用他们的专有过滤器

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/to/bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/to/bg.jpg', sizingMethod='scale')";

IE 的另一个选择是将图像作为imgHTML 中的实际标签:

<img src="/path/to/bg.jpg" class="page-background" />

然后在你的 CSS 中使用这段代码:

.page-background {
    width: 100%;
    height: auto;
    z-index: -1;
}
于 2013-01-20T02:54:33.867 回答
0

你为什么不把你的页面居中而不是拉伸呢?

HTML

<body>
<div id="wrap">

</div>
</body>

CSS

 body 
 {
    background:#333 url(bg.jpg) no-repeat center top;
    font-family:Arial;
    cursor: url(images/wrench.cur);
 }

 #wrap
 { 
   width: 1250px; 
   margin: 0 auto; 
 }
于 2013-01-20T03:01:33.647 回答