1

我有一个网站顶部的背景图片，它不会一直延伸到 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

你想拉伸什么标志图像？

尝试

.img {
    width: 100%;
}
于 2013-10-29T11:04:10.343 回答
0

关于什么：

#header_combined img { 宽度：100%; }

于 2013-10-29T11:04:23.200 回答
0

CSS：

    .bg {
    background-position: left center;
    height: 102%;
    position: fixed;
    width: 100%;
}

html:

<img class="bg" src="artist-bg4.jpg" alt="">

<body>在标签下方添加html代码

于 2013-10-29T11:09:52.043 回答