Topic: two backgrounds in one element? (Page 1 of 1)

hello, i was wondering if it there was any trick to have two backgrounds in an element like DIV.

for example one repeating and one not repeating?

thanks!

Unfortunately not in CSS2, but that's part of CSS3.
You sure you don't have a parent or sibling element you could somehow "abuse", pad or whatever, to achieve what you want without bloating the markup ?

If I'm understanding what you are wanting, I have done it by making the background image a lot bigger than needed. Kind of like the bottom image used here

Later,

C:\

How about through containment, like this?

<style>
div {
	margin: 0px;
	padding: 0px;
}
.bg1 {
	background-image: url(bg1.png);
	background-repeat: repeat-x;
}
.bg2 {
	background-image: url(bg2.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
</style>
<div class="bg1">
	<div class="bg2">
		Yippie
	</div>
</div>

Regards,
- SK