実際のシナリオに更新:
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が有効になっています。
どうもありがとう