0

2 つのソースからのコードを使用して、メガ メニューとスライドショー トランジションの両方を備えたページを作成しました。ニーズに合わせて、jQ と CSS にいくつかの変更を加えました。ある種のちらつきに問題があります (特に Internet Explorer (9) の場合)。スライドショーがメガ メニューのドロップダウンの前に 1 秒間ジャンプしてから元に戻るように見えます。z ではないと思います。 -indexの問題は、それを処理するためです; 十分に早くないだけです.私はこれをjsfiddleに入れました: http://jsfiddle.net/SeanPRyanKC/53RRy/ .

この問題を解決するために私が知っている方法は、次のような最新の doctype と互換性を使用しないことです。

<!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

私が使用する場合

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

ページは問題なく機能するようになりましたが、丸い角やグラデーションなどが失われました。ありがとう

4

2 に答える 2

2

プロパティに追加position: relative; z-index:100;してみてください。#menu li

Chrome Devtools や Firebug などでスライドショーを見る場合、スライドショーの画像が変更されると、<a>タグの z-index が一時的に 10 に設定されます<li>。それより。

于 2013-10-10T15:14:49.193 に答える
2

新しい CSS を追加する

.slidesjs-control{z-index:-1}

デモ: http://jsfiddle.net/53RRy/9/

于 2013-10-10T15:24:19.203 に答える