1

) と繰り返しなしの間にスペースを入れない限り、IE に表示されない背景画像を持つプロジェクトがあります。そのスペースを置くと、表示されますが歪んでいます。この背景画像は、Firefox と Chrome の両方で機能します。

ライブリンク: http://www.mastisoncostanalysis.com/survey

CSS:

#app-wrapper{
width: 1024px;
height: 768px;
min-height:100%;
margin: 0px auto;
/*margin-top: -384px;
position: relative;
top: 50%;*/
text-align: left;
background: url(../img/ui-frame.png)no-repeat;
overflow: hidden; 
background-size: 100%;
    }

どんな助けでも大歓迎です！

4

5 に答える 5

0

これを使って

background: url('../img/ui-frame.png') no-repeat;
于 2013-09-09T19:54:56.013 に答える
0

背景画像をイメージ タグ () に配置し、それにクラスを追加します。HTML 構造の #app-wrapper 要素のすぐ上にこのタグを追加します。画像タグを次のようにスタイルします。

img.bg { 
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}
于 2013-09-09T20:02:36.880 に答える