- From: divya manian <divya.manian@gmail.com>
- Date: Tue, 27 Jul 2010 10:43:01 -0700
- To: Brian Manthos <brianman@microsoft.com>
- Cc: "www-style@w3.org\"" <www-style@w3.org>
On Mon, Jul 26, 2010 at 11:46 PM, Brian Manthos <brianman@microsoft.com> wrote: > > I recommend exploring some more with your sample, because what I'm seeing is the opposite of what you're describing. > > Namely, if I add > style="background-color:red" > to your second 'img' element it seems to me that (1) the box-shadow is above the red coloring and (2) it appears that your image transparency for the second image is leading you to the wrong conclusion about how the browsers are behaving. > > <i><img class="img" src="http://dl.dropbox.com/u/952/pola/pola.jpg" alt="Pola" style="background-color:red"></i> > <i><img src="http://dl.dropbox.com/u/952/pola/pola-trans.png" alt="Pola" style="background-color:red"></i> > > Also, consider changing your the styling of box-shadow for img to > box-shadow: inset 200px 200px 10px black; > and you'll see that the portion that would otherwise be entirely black is not so, because the image is on top. > But these changes have no effect on the first image. http://gyazo.com/8f44950ddb7a2eefb555311d7c88e026.png I am not clear what you mean by "leading you to wrong conclusion about how the browsers are behaving". Could you link to a screenshot that explains it?
Received on Tuesday, 27 July 2010 17:43:34 UTC