Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Imagine that you have a 600px square div with a 100px squar div inside of it.
#divwrapper{
width:600px;
heigt:600px;
background:url(path to 100px div.png) no-repeat 100% 0%;
}
How do I filter this png maintaining the 100% 0% position??? -
you can't directly position an image that is set with the AlphaImageLoader Filter because it's not a background image... it's "an image within the boundaries of the object and between the object background and content" (see the AlphaImageLoader Filter page at msdn). So in order to position the image in the top right corner, you'll have to either:
a) add a 100x100 div, apply the AlphaImageLoader Filter to it, and then position it in the top right of the 600x600 div (using whatever CSS method you wish)
or
b) make the 100x100 png image a 600x100 image with 500px of transparency on the left side. Be sure to set sizingMethod='crop' in the AlphaImageLoader Filter if you do that
1 to 2 of 2