0

重複の可能性:
CSS - IE のグラデーション セット

li タグとホバーのスタイルを設定します

.centermenu li
{
    position: relative;
    float: right;
    cursor: pointer;
    height: 32px;
    width: 152px;
    margin: 10px 0 0 10px;
    color: #fff;
}

    .centermenu li:hover, .centermenu li:focus
    {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.2)), to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
        background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
        background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
        background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
        background-image: linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
         }

Firefox と GoogleChrom では設定されていますが、Internet Explorer では設定されていません。

このコードを IE 用に設定しましたが、スタイルを設定していません。

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF 20%', endColorstr='#ffffff 1%');
  /* For Internet Explorer 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF 20%', endColorstr='#ffffff 1%')";
4

1 に答える 1

0

古いブラウザーでは機能しません (よく覚えていれば、css3 仕様によるものです)。

より多くのブラウザーで動作させるには、svg background を使用できますが、これも最善の方法ではありません。

于 2013-01-14T11:36:43.200 に答える