CSS ベースのドロップダウン メニューに取り組んでいます。要素にグラデーションを追加するまでは問題なく動作します。IEで何かが壊れ、<li>
サブメニューの項目にカーソルを合わせると、メニューボックスが消えます。
グラデーションを追加してクロスブラウザー互換にするために使用するコードは次のとおりです。
background-color: #c1ddf4; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1ddf4', endColorstr='#ffffff', GradientType=0); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1ddf4), color-stop(100%, #ffffff));/* for webkit browsers */
background: -moz-linear-gradient(top, #c1ddf4, #ffffff); /* for firefox 3.6+ */
background-image: -o-linear-gradient(#c1ddf4, #ffffff);
次の例を参照してください。