1

Web サイトのトップ セクションの背景画像があり、Internet Explorer 8 では全体に広がりません。多くの解決策を調べましたが、うまくいったものはありませんでした。前もって感謝します。

  <div id="header_combined">
  <img  align="left"  src="/1.images/others/logo/logo4.gif" alt="my logo"  />
  My site

  <strong>  Ltd.</strong>
  <p>"Some more text here"</p>
  </div>

CSS

 #header_combined {

 background-size: 100%;
 Width:100%;
 float:left;
 font-size: 300%; font-weight:bold; font-style:italic;color: #E1012F; text-align:left ;
    font-family:Georgia, "Times New Roman", Times, serif; vertical-align:middle;
    text-shadow: white 0.1em 0.1em 0.2em
 padding-left:15em;
 background-repeat:no-repeat;
 background-image:url('/1.images/others/logo/combined logo2.jpg');

 }
 #header_combined strong {
 color: black;
 text-shadow: white 0.1em 0.1em 0.2em;
    }
 #header_combined p {
 color: red;
 font-size: 0.3em;
 font-style:italic;
    }
4

4 に答える 4

2

これは、 IE9 より前ではサポートされていないbackground-sizeCSS3 プロパティであるためです。

ただし、考えられる回避策を提案するスレッドがあります: How do I make background-size work in IE?

トップセットalpha filterプロパティを試してください：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

この問題については良い議論があります

于 2013-10-29T11:08:37.653 に答える
0

どうですか：

#header_combined img { width:100%; }

于 2013-10-29T11:04:23.200 に答える
0

ストレッチしたいロゴ画像は？

試す

.img {
    width: 100%;
}
于 2013-10-29T11:04:10.343 に答える