0

メインコンテンツ領域の周りに疑似陰影の境界線を作成するために使用される画像があります。ただし、コンテンツの右側ではなく、左側にのみ表示されます。フッターにも同様の画像を使用しているため、これは画像サイズの問題ではないことを私は知っています(ボックス化された外観を作成するため)。以下はそのセクションのCSSですが、私が変更、削除、または追加する必要があるものを見つけた場合、誰か教えてもらえますか?私はウェブフロントエンド/デザインをするのはとても新しいので、何か他に必要なことがあれば教えてください。どうも

#main 
{
background-image: url('../../Content/Images/body_rpt.png');
clear: both;  /*add this so tabs go left! */
padding: 15px 15px 15px 30px; /*30px 30px 15px 30px; */
background-color: #fff;
/*border-radius: 4px 0 0 0;*/
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0 0;
}

比較のために、ここに適切に機能しているフッターセクションがあります

footer, 
#footer 
{
background-image: url('../../Content/Images/body_bot.png');
background-repeat: no-repeat;
background-color: #fff;
color: #999;
padding: 10px 0;
text-align: center;
line-height: normal;
margin: 0 0 30px 0;
font-size: .9em;
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
}
4

1 に答える 1

0

メインのbg画像が右側に表示される原因となるものは何も表示されません...私が行うことは、2つの別々のdivを作成することです。 > col1(左の境界線)、col2、col3、col4(右の境界線)境界線に画像を使用する場合は、col1とcol4の幅を1〜2%に設定します。

別のアプローチはfloatを使用することであり、さらに別のアプローチはビルドインCSSシャドウプロパティを使用することです(境界線がどのように見えるかわかりません。fiddelrを使用してください???)。

しかし、本当に新しいと感じた場合は、bg画像を取得し、画像エディターで開き、画像の幅として体長+境界線(左)+境界線(右)を取得し、両側に境界線を設定して使用します私の背景として(静止画像アプローチ)。

于 2013-01-18T23:40:46.560 に答える