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 [email protected], "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/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; > } >
