1

タグの背景を引き伸ばしたいのですがa、Internet Explorer 8 では機能しません。使用しているコードは次のとおりです。

div.tabbernav div.tabberactive a{
    color:#fff;
    padding:11px;
    background: url(../images/bag_selected.png) ;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-repeat: no-repeat;
    height:43px;
}
4

3 に答える 3

3

background-sizeはCSS3プロパティであり、通常IE8では機能しません。また、-webkit--o-および-ms-プレフィックスを見逃しました。

そうは言っても、MSフィルターを使用してこれを回避する方法があります。http://www.alistapart.com/articles/supersize-that-background-please/をご覧ください

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

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

背景サイズで動作します：カバー

于 2012-10-17T10:09:29.293 に答える
0

このスタイルコードを使用します

div.tabbernav div.tabberactive a{
    color:#fff;
    padding:11px;
    background: url(../images/bag_selected.png) ;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-repeat: no-repeat;
    height:43px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/logo.gif',
    sizingMethod='scale');

   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
   src='images/logo.gif',
   sizingMethod='scale')";
 }
于 2012-10-17T10:12:38.307 に答える
0

jQuery を使用した JavaScript ベースの別のクロスブラウザー ソリューションは、次のようなものです。

<div id="mystretchedimage"><img src="image.jpg" /></div>

#mystretchedimage { width: 100%; height: 600px; overflow: hidden; }

jQuery('#mystretchedimage img').css({ width: $(window).width() });

私の場合など、ニーズによっては、これがより良い解決策になる場合があります。

于 2013-04-20T11:12:51.697 に答える