ホームページ > ウェブフロントエンド > htmlチュートリアル > IE_html/css_WEB-ITnose の li の互換性の問題について教えてください。

IE_html/css_WEB-ITnose の li の互換性の問題について教えてください。

WBOY
リリース: 2016-06-24 12:23:27
オリジナル
1101 人が閲覧しました

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;

そうでない場合は、もう一度説明してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート