私はかなりの量のCSS知識を持っていますが、私が取り組んでいるウェブサイトに固有のナビゲーションバーを実現しようとしているうちに困惑しています。スタイルを設定するユニークなCSSナビゲーションメニュー
9000語以上の絵があるので、シナリオを表す図をまとめています。
#container(青)1000px広く、25ピクセルの角を丸くしています。コンテナの上部には、#コンテナの全幅で、高さが55pxの#navbar(緑色)があります(これは#containerの上端、左端、右端に一致しますが、あなたはそれをより良く見ることができます)。 #navbarの内側にはさまざまなナビゲーションボタン(赤色)があります。私はすべてのボタンが均等に広い(一方の側から他方の側へと常に伸びる)ようにし、左/右にあるボタンを使って、祖父母のような角を丸くします。解決策は純粋で厳格なCSSで、最新のブラウザ(IE 8以降は除く)で動作する必要があります。
私はこれが学習経験であることを望んでいます。コードを投稿する場合は、いくつかの説明をしてください。
パーフェクト。 'display:table;'は私が必要としていたものです! – Sonic42
IE7は 'display:table'をサポートしていません。しかし、それはあなたに影響を与えているようには見えません。あなたがIE9以上に興味があるからです。 –
私はIE7でもうまく機能するソリューションが大好きですが、無知な人たちのニーズにぴったりです。 'border-radius'はIE9までは動作しませんが、IE8を使用している人なら誰でも直角に対処できます。 ;) – Sonic42