W3C home > Mailing lists > Public > www-style@w3.org > July 2010

Re: Implementation of Inset Box Shadow on image elements

From: divya manian <divya.manian@gmail.com>
Date: Tue, 27 Jul 2010 10:43:01 -0700
Message-ID: <AANLkTinJ5nYMtnYoOuYsgT0JcoLvk6+M0rNFRfncF78Z@mail.gmail.com>
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 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:29 GMT