0 
<form action="/signup" method="post">
<span class="new" style="vertical-align:middle;">Choose username:</span>
<input type="text" name="username" id="username"/>
<input type="submit" name="signup" value="Check" class="button height"/>
</form>

css：

#username{
background: url(/image/correct.jpg) no-repeat;
background-position:95% 8px;
background-size:18px;
padding-right: 35px;
vertical-align:bottom;
height:27px;

}

問題は、背景のサイズと背景の位置がInternetExplorerで機能しないことです。代替案は何でしょうか？使用しました

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

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='image/correct.jpg',
sizingMethod='scale')";

ソリューションplzとは何ですか？

4

1 に答える 1

0

Internet Explorerはサポートしていませんbackground-size！

プロパティbackground-sizeは、InternetExplorerではサポートされていません。私の最善の解決策は、画像エディタ（ペイント、またはPhotoshop）を使用して、画像に適切なパディング、透明、または背景色を与えてから、背景画像をに揃えることright centerです。

#username{
    background: url(/image/correct.jpg) no-repeat right center;
    padding-right: 35px;
    vertical-align: bottom;
    height: 27px;
}
于 2012-11-17T11:07:43.717 に答える