Hello People i have a problem with the png formatted images, i used some PNG images in my m开发者_高级运维ock. when i view the mock in I.E the background of the images are not transparent.
i got one solution for making it trasparent in "I.E" from the previous POSTS in the Forum. But my Problem is, i want that image to be tiled horizantlly...using that Filter thing.
can any one solve this plz....plz.... i need a solution for making a png in I.E and at the same time it shud be tiled horizontally.
See this SO question for the transparency stuff.
To tile a background image horizontally use a CSS rule:
div {
background-image: url('some_image.png');
background-repeat: repeat-x;
}
Try this:
yourDiv {
background-image: url(name.png);
background-repeat: repeat-x;
_behavior: expression(
this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
this.style.background = "none",
this.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(
enabled=true, src=" + this.src + ")',
this.style.background-repeat: "repeat-x");
}
If doesn't work your options are:
- Make your image bigger.
- Use javascript to repeat the div containing it.
- Make a jpg with the transparency effect baked.
P.D. Can you post the mockup of what you want to achieve?
精彩评论