0

ページのヘッダーに の全幅の色付きの背景を持たせ、ヘッダーの と nav オプションのbody間に透明な境界線を持たせるデザインが与えられました。h1

ここで jsfiddle を実行しました。ヘッダーの左右のスペースがヘッダーの中央と同じ緑色であるが、ナビゲーション オプションの間にその下のページがまだ表示されていると想像する場合、それが私が達成しようとしていることです。

珍しいスタイルで、今まで出会ったことがないので苦労しています。

この問題を解決するために、ページの読み込み時に JS を使用して何かを行うことができますが、可能であれば純粋な CSS ソリューションが必要です。誰かがアイデアを持っていれば素晴らしいです！

4

1 に答える 1

0

CSS の border-image プロパティを使用できます。

このようなものですが、適切な境界線だけで、透明なpngファイルを使用できます:

.menu li{
-moz-border-image:url(border.png) 30 30 round; /* Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;
}

明らかにIEでは動作しません..

w3schools ページへのリンクは次のとおりです: http://www.w3schools.com/cssref/css3_pr_border-image.asp

于 2012-11-02T22:04:40.937 に答える