1

それらの背景を一緒に機能させることは可能ですか?

background: url("../images/search.png") no-repeat scroll 9px 4px transparent;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #fdca14), color-stop(1, #ff8d02) );
background:-moz-linear-gradient( center top, #fdca14 0%, #ff8d02 100% );

ありがとう :)

4

3 に答える 3

3

CSS3はそれを可能にします。同じ背景で使用されている複数の背景画像の例を次に示します。

.exampleClass {
    background-image: url(images/example1.png), url(images/example2.png);
    background-repeat: repeat-x, repeat;
}

すべての主要なブラウザでサポートされています(IE8以前を除く)

于 2012-12-06T14:46:44.340 に答える
3

古い IE ブラウザーでこれを行う必要がある場合は、CSS3 Pieも確認してください。

于 2012-12-06T14:52:10.133 に答える
2

CSS

.class{
    background: url("../images/search.png") no-repeat scroll 9px 4px transparent,-webkit-gradient( linear, left top, left bottom, color-stop(0, #fdca14), color-stop(1, #ff8d02) ),-moz-linear-gradient( center top, #fdca14 0%, #ff8d02 100% );
}
于 2012-12-06T14:48:35.343 に答える