I figured it out, sort of. Setting backgroundcolor to "null" gets rid of the white box underneath.
backgroundColor: "null"; But now the new problem is that each the "rollover"/"selected" row has a bar that stretches beyond the boundary of the background image (bigger than for the rows on the top/bottom and wider for the rows in between.) Thanks. I guess I can "fix" it by making the --- In flexcoders@yahoogroups.com, "gwangdesign" <gwangdes...@...> 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/TestComp.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; > } >