1

そのため、Firefox と Chrome で適切に表示される垂直メニューがあります。ただし、Opera では横に表示されます。コードの単純な調整だと本当に思いますが、絞り込むことができないようです!

#liststyle2 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border: 1px solid #c7c7c7;
    background-color: #ececec;
    float: left;
    text-decoration: none;
    list-style-type: none;
    list-style: none;
    display: block;
    margin: 20px 0 0 0;
}

#liststyle2 li {
    text-decoration: none;
    position: relative;
}

#liststyle2 li a {
    padding: 17px 25px 15px 25px;
    font-size: 15px;
    float: left;
    min-width: 77px;
    text-decoration: none;
    text-align: center;
    display: block;
    font-weight: bold;
    color: #a3a3a3;
    border-bottom: 1px solid #c7c7c7;
    text-decoration: none;
}

#liststyle2 li a:hover{
    background-color: #e2e1e1;
}

#liststyle2 li:last-child a{
    border-bottom: none;
}
4

2 に答える 2

1

html code があればもっといいです。

このオプションを削除する必要があると思います:

#liststyle2 li a {
    float: left;
}

li aこれらを左に浮かせる必要がある場合。#liststyle2 li aの幅と同じ幅を設定する必要があり#liststyle2ます。

于 2013-02-18T06:09:48.353 に答える
0

ブラウザーのエンジンごとに、異なるトランジション プレフィックスが必要です。以下も追加します。

-o-border-top-left-radius: 5px;
-o-border-top-right-radius: 5px;
-o-border-bottom-right-radius: 5px;
-o-border-bottom-left-radius: 5px;

あなたの#liststyle2。

詳しくはOperaのドキュメントを参照してください。

于 2013-02-18T06:04:59.627 に答える