Hi Tim, Oops! My bad. I forgot to trim the transparent space off the background image in the bin-debug folder...
Thanks much for the hint. No everything works fine. Back to cave... --- In flexcoders@yahoogroups.com, "Tim Hoff" <timh...@...> wrote: > > > Hi, > > A couple of things that you need to do to make this happen. First, > remove as much of the padding, in the image png file, that you can. > Otherwise, the list items will be positioned outside of the background > image. Second, you can fool flex by adding these two lines to your css: > > background-color: "#000000"; > border-style: none; > > -TH > > --- In flexcoders@yahoogroups.com, "gwangdesign" <gwangdesign@> > wrote: > > > > Hi, > > > > I am having a problem with using CSS to assign "backgroundImage" for > my component which subclasses List. The problem is on the very bottom of > the component there is always a solid while rectangle that I cannot get > rid of. I'vetried the same CSS for a Box component and there is no such > a while box on the background. > > > > The background image is a png file with alpha channel and rounded > corner. > > > > Here is the style and the link: > > > http://maohao.com/blogs/wordpress/ListBackgroundImage/bin-release/TestCo\ > mp.html > > (right click to view the source. thanks!) > > > > .box > > { > > background-image: Embed(source="assets/contactbkg.png", > > scaleGridTop="10", scaleGridBottom="101", > > scaleGridLeft="11", scaleGridRight="154"); > > background-size: "100%"; > > font-family: arialEmbedded; > > drop-shadow-enabled: false; > > color: #FFFFFF; > > padding-left: 0; > > padding-top: 0; > > padding-right: 0; > > padding-bottom: 0; > > } > > >