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のもう1つのオプションは、画像を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 に答える