3 Stimmen

CSS3-Schaltfläche mit mehreren Hintergründen (+Transparenz)

Dies ist der Code, den ich bis jetzt habe:

background: none;
background-image: url(../images/red-button-bg-left.png), url(../images/red-button-bg-tile.png), url(../images/red-button-bg-right.png);
background-repeat: no-repeat, repeat-x, no-repeat;
background-position: 0 0, 19px 0, 100% 0;

Die Schaltfläche sieht wie folgt aus:

[left corners image][body image][right corners image]

Normalerweise würde mein Code funktionieren, aber in diesem Fall ist die url(../images/red-button-bg-tile.png) befindet sich unter den linken und rechten Bildern und bringt, da es transparent ist, den Schaltflächenstil durcheinander.

Was ist der Trick?

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X