[WordPress] どのようにワードプレスの織り目加工の背景上にフロートするように見えるコンテナーを追加できますか?

スポンサーリンク

Question

次の web サイトのように、テクスチャの背景の上に浮くように見える別のコンテナーにテキストの別の抜粋を表示する私のワードプレスのサイトを好きだろう: http://www.sopcial.com/

私も希望この効果私の記事をポスト自体は 1 つのコンテナーであり、関連記事とサイドバーで別のコンテナーです。それは可能ですか?

ありがとう

答え

コンテナーは背景の上に座っている外観を与える

box-shadow

をすることができます:

.container{
   background: #FFF;
   width: 200px;
   margin: auto;
   padding: 20px;
   box-shadow: 0px 0px 7px rgba(0,0,0,.4);
   border-radius: 3px;
   -moz-box-sizing:border-box; //add to fix padding 
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}

バイオリン

答え

これは何が起こるか: これのように使用される私のウェブサイト: ウェブサイト 1 ccs を追加する前に

、これのように見えるコードを追加した後:

2 ccs の追加後のウェブサイト

、ヘッダーとフッター内のコンテナーがある推測しています。、それらを現れるのコードを追加します。どのようにそれらを消去することができますか?

http://stackoverflow.com/questions/27881348/how-can-i-add-containers-that-seem-to-float-over-a-textured-background-in-wordpr

スポンサーリンク

Leave a Reply