1

これが私がしたことです。 IEのFFやChromeに似たナビゲーションメニューを作成するにはどうすればよいですか？

4

2 に答える 2

2

すべてのブラウザで放射状のグラデーションがサポートされているわけではありませんが、上から下へのグラデーションを受け入れる場合は、次のようにします。

/* SVG fallback(Opera 11.10-, IE9) */
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDg1LDg1LDg1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoNTEsNTEsNTEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);

/* Opera 11.10+ */
background: -o-linear-gradient(left, rgba(85,85,85,1), rgba(51,51,51,1));

/* Firefox 3.6+ */
background: -moz-linear-gradient(left, rgba(85,85,85,1), rgba(51,51,51,1));

/* Chrome 7+ & Safari 5.03+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(85,85,85,1)), color-stop(1, rgba(51,51,51,1)));

/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FF555555,EndColorStr=#FF333333);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FF555555,EndColorStr=#FF333333)"
于 2012-04-06T07:19:10.863 に答える
0

古いバージョンのIEは、使用している次のcssを認識していません。

background: -webkit-radial-gradient(bottom, #555, #333);
background: -moz-radial-gradient(bottom, #555, #333);
-webkit-transition: width .3s ease-in-out;
-moz-transition: width .3s ease-in-out;

誰かがCSS3以前のバージョンのブラウザの代わりにこの質問に答えることができれば、私は非常に興味をそそられます。しかしそれまでは、すべての一般的なブラウザがCSS3をサポートするまで待つ必要があると思います。

于 2012-04-06T07:14:55.400 に答える