2

CSS3 グラデーションは、ブラウザによって彩度が異なります。この問題を解決するにはどうすればよいですか? 役立つものが見つかりませんでした。 http://d.pr/i/chm1

コードは次のとおりです。

html

<div class="button-body">
    <a href="/" class="text">Купить</a>     
</div>

CSS

.text{
font-family: Calibri;
font-size: 20px;
text-decoration: none;
font-weight: bold;
color: #913944;

margin-top: 7px;
margin-left: 70px;
float: left;
text-align: center;

text-shadow: rgba(255,255,255,0.6) 0px 1px 0.5px;

border-radius: 8px;
} 

.button-body{
height:40px;
width:200px;
display:inline-block;

background: -moz-linear-gradient(top, #ff4d55, #cc1d31);
background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#ff4d55), color-stop(100%,#cc1d31));
background: -o-linear-gradient(top, #ff4d55, #cc1d31);

border-radius: 10px;
border: 2px solid #993f49;

box-shadow: inset 0 1px 1px rgba(255,255,255,1); 

}
4

2 に答える 2

2

問題は、ブラウザのレンダリング方法が異なることです。画像を使用することは、類似させるための最良の方法です。

于 2012-06-08T02:38:16.207 に答える
0

ブラウザー間で同一の表示を実現することは、非常に困難な場合があります。ビジネスの観点からは、要素がすべてのブラウザーで同じように見えることが要件なのか、それとも単にすべてのブラウザーで適切に見えることが要件なのかを自問する必要があります。

于 2012-06-08T14:15:21.620 に答える