image inside star div

[Ammu]

<style type="text/css">
#star12 {
 background: blue;
 width: 80px;
 height: 80px;
 position: relative;
}
#star12:before, #star12:after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 80px;
 width: 80px;
 background: blue;
}
#star12:before {
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 -ms-transform: rotate(30deg);
 -o-transform: rotate(30deg);
}
#star12:after {
 -webkit-transform: rotate(60deg);
 -moz-transform: rotate(60deg);
 -ms-transform: rotate(60deg);
 -o-transform: rotate(60deg);
}
</style>
 
<div id="star12"></div>

This code for a star type div. I want to dispalay an image inside this star div. Is it possible? please help me friends.

[gits]

you could set the position attribute and z-index like this:

<div id="star12">
    <img style="position: absolute; z-index: 1000;" src="img_src">
</div>
 

[Ammu]

thanks
position: absolute; z-index: 1000;
it is working now
thank you so much @gits

[gits]

no problem - that's what we are here for :)