3

私は現在、次のコードを使用しています。

  body {
    background: url("image1") repeat fixed center top #000000;
    border: 0 none;
    color: #DBDBDB;
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
  }

  inlineContent {
    background: url("image2") no-repeat scroll center top transparent !important;
    display: inline-block !important;
    height: 425px !important;
    left: -282px !important;
    margin: auto !important;
    position: absolute;
    right: 0 !important;
    top: -425px !important;
    width: 900px !important;
    z-index: -1 !important;
  }

一般的な背景（本文の後の最初の行）があり、背景の上に別の画像（後の行inlineContent）がある場合。前の2つの画像とは異なる位置で、元の背景の上に別の画像を追加するにはどうすればよいですか？

前もって感謝します！

4

2 に答える 2

0

擬似要素 :before および :after を使用しようとしましたか?

例えば：

inlineContent:before {
    content: "";
    position: ;
    top: ;
    left: ;
    z-index: ;
    display: inline-block;
    margin: ;
    width: ;
    height: ;
    background: url("image3") no-repeat scroll center top transparent;
}

良い記事がたくさんあります。css-tricks.comの記事を参照してください。css-tricks.comでは、それらを使用して実現できるすべての優れた機能について説明しています。

しかし、もっと重要な質問は、なぜどこでも !important? を使用しているのかということです。

于 2012-12-10T09:39:16.820 に答える