2

ドロップダウン メニューの各要素の後にドロップダウン テーブルに 1 px の実線の黒線を追加しようとする CSS に問題があります。今のメニューはこんな感じ

現在

これは、この行を .menu li a { } に入れることを除いて、次のように表示したいものですborder: 1px solid black;が、下書きボタンには適用したくありません。この図には二重の境界線があります。

どうすればこれを修正できますか?

ここに画像の説明を入力

画像のドロップダウン要素のコード。

.menu .dropdown_1col {
    margin:4px auto;
    left:-999em;

    position:absolute;
    background:#F4F4F4;
     border: 1px solid black;
    text-indent:15px;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
}

   .menu li {
        float:left;
        text-align:center;
        position:relative;
        padding: 4px 10px 4px 10px;
        margin-right:30px;
        margin-top:7px;
        border:none;

    }
    .menu li:hover {
        z-index:2;
        background:#F4F4F4;
        border:1px solid #aaaaaa;
        padding: 4px 9px 4px 9px;


        /* CSS 3 Stylings */

        background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));

    }
    .menu li a {
        color: #EEEEEE;
        outline:0;
        text-decoration:none;
        display:block;
        text-shadow: 1px 1px 1px #000;


    }
    .menu li:hover a {
        color:#161616;
        text-shadow: none;
    }
    .menu li .drop {
        padding-right:21px;
        background:url("img/drop.png") no-repeat right 8px;
    }
    .menu li:hover .drop {
        padding-right:21px;
        background:url("img/drop.png") no-repeat right 7px;
    }
    .menu li:hover div a {
        color:#444;
    }
    .menu li:hover div a:hover {
        color:#777;
    }
    .menu li ul li a:hover {
        color:#777;
    }
4

2 に答える 2

2

への変更：

{
    .........
    border: 1px 0px solid #aaaaaa;
    .........
}

このようにして、縦と横の境界線の幅を別々に設定します。border-top border-left個体などを指定して遊ぶこともできます。

于 2012-08-13T02:53:54.367 に答える
1

問題を回避するには、これを試すことができます：

CSSコード

    .menu li a{
      border:none;
    }

そうしないと

   .menu li{
      border:none;
    }

つまり、そのうちの 1 つを停止する必要があります。いずれかを適用してください。.menu li border を使用する場合、.menu li a に border を使用する必要はありません。

于 2012-08-13T05:38:28.433 に答える