1

私にはクラスがあり、私がやろうとしているのは、border-image-leftとborder-image-rightを適用することです(これらは2つの異なる画像です)

私ができることはこれです

background:url(http://jamessuske.com/freelance/heyheyandco/images/nav-border-bottom.png) bottom no-repeat;
background:url(http://jamessuske.com/freelance/heyheyandco/images/nav-border-left.png) left no-repeat;

ただし、そのうちの1つだけが表示されます:(

私がやろうとしていることは可能ですか?

4

1 に答える 1

1

あなたはCSS3でこれを行うことができます:

http://www.css3.info/preview/multiple-backgrounds/

ただし、CSS3をサポートしていないブラウザの場合は、次のように実行できます。

HTML:

<body>
    <div class="container">
        copy
    </div>
</body>

CSS:

body{background: url(path/left.png) left;}
.container {background: url(path/right.png) right;}

コンテンツサイトコンテナに必要な場合は、疑似要素を試すことができます。

<div><pseudo-element:before />site content<pseudo-element:after /></div>
于 2013-03-19T18:11:23.410 に答える