0

実際のシナリオに更新:

IE8で次のように表示され、アンカーの背景色がなくなっていることに気付いた場合。

<a class="button-white" href="/contacts/index">Contacte-nos</a>


.button-white {
    display: block;
    text-decoration: none;
    text-align: center;
    outline: none;
    cursor: pointer;
    width: 7em;
    font-size: 1.25em;
    color: #000;
    padding: .4em 1em .4em; /* tamanho */
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* IE10+ */
    -webkit-border-radius: .5em;  
    -moz-border-radius: .5em;   
}

背景を重要なものとしてマークすることはできません。そうしないと、優れたブラウザの背景がグラデーションではなく白いものになります。

背景を「background-color」に変更しようとしましたが、効果はありません。

どうなり得るか ?

HTCが有効になっています。

どうもありがとう

4

2 に答える 2

2

を無効behavior: url(http://yoururl.com/css/PIE.htc)にすると、IE8ではボタンが本来のように白くなります。

CSSは正しいですが、htcファイルにはオーバーライドがあります。

于 2012-10-12T09:52:07.977 に答える
0

あなたには背景があります。白いので見えないだけです:http://jsfiddle.net/y5YfE/2/

編集:変更

background: #ffffff; /* Old browsers */

background: #f90; /* Old browsers */

背景はオレンジ色になります。ここwin7でIE8でテストされています。

于 2012-10-12T09:28:39.420 に答える