html css ie 互換性
今日、IE 互換性の問題が発生しました。コードは次のとおりです<ul class="selectionblock"> <li>第一级别</li> <li class="selected">第二级别</li> <li>第三级别</li> </ul>
ol, ul { list-style: none; margin:0; padding:0;}li { display: list-item;}ul.selectionblock li { font-family:"微软雅黑", "Microsoft Yahei", 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; min-width: 50px; min-height: 25px; height: 25px; background-color: #9CC4E4; border: 1px transparent solid; color: #353535; margin:0; border-raduis: 0; display: block; margin:0; float:left; text-align: center; vertical-align: middle; cursor: pointer; padding: 4px 10px; position: relative; *font-size:13px; *height:auto!important; *vertical-align:bottom; overflow:hidden;}ul.selectionblock li.selected { background-color:#F26C4F; color:white; height:29px; top:-2px;}
まず第一に、あなたのコードは少し乱雑に見えます。
どのような効果を望んでいるのかわかりませんが、IE7 の白い境界線と高さの問題について話しているのでしょうか。
はいの場合は、次のコードを削除してください:
border: 1px transparent Solid; //ボーダーは透明に設定されており、その位置も占めています
*height:auto! important; // この文は IE7 で認識されるため、後で設定された高さ: 29px;
そうでない場合は、もう一度説明してください。