私はいくつかのウェブサイトで働いていましたが、これをFirefoxで取得しました:
http://i.imgur.com/BRIBTwF.png
そして、Chrome、Opera、さらには IE10 では、次のようになります。
http://i.imgur.com/75wXr1c.png
これは私のcssです：
.carousel-bottom{
background: -webkit-gradient(radial, rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png'); /* Saf4+, Chrome */
background: -webkit-radial-gradient(rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png');
background: -moz-radial-gradient(rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png'); /* FF3.6+ */
background: -ms-radial-gradient(rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png'); /* IE10 */
background: -o-radial-gradient(rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png'); /* Opera 11.10+ */
background: radial-gradient(rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png'); /* W3C */
height:15px;
box-shadow: 1px -1px 2px grey inset;
overflow:none !important;
z-index: 1000;
}
何が問題なのか知っている人はいますか？