Re: [css-d] css3 rounded shadow in opera/IE

Martin Thu, 05 Aug 2010 14:11:06 -0700

On 08/05/2010 10:55 AM, Martin Möller wrote:
> For IE try: http://css3pie.com/
>
> CSS3 PIE is a .htc plugin that makes Internet Explorer 6-8 capable of
> rendering several of the most commonly used CSS3 properties ...
>
>
>
> On Thu, Aug 5, 2010 at 11:40 AM, Duncan Hill <dun...@gmail.com> wrote:
>   
>> On Thu, 05 Aug 2010 09:25:26 +0100, Philippe Wittenbergh <e...@l-c-n.com>
>> wrote:
>>
>>     
>>> On Aug 5, 2010, at 5:14 PM, Duncan Hill wrote:
>>>
>>>       
>>>>> For the record - WebKit (Safari 5 / Chrome 5) support border-radius
>>>>> without the vendor prefix (-webkit-). Box-shadow still needs the
>>>>> vendor prefix as it was not part of the CSS3 background and borders
>>>>> module when it became a Candidate Recommendation.
>>>>>           
>>>> I read an article (can't find my link) where, perhaps it was one of the
>>>> dev versions, was responding to both sets of properties, with and
>>>> without the prefix.
>>>> This was producing different rendering in the browser and reinforces
>>>> the importance of stating the rules in the correct sequence.
>>>>         
>>> I once made this WebKit testcase on this list (in a similar context
>>> even):
>>> http:
>>> //dev.l-c-n.com/CSS3_border-background/border-radius_vendor-cascade.html
>>>       
>> Thanks Philippe, that's the one that proves the cascade.
>> Forgive my poor memory
>>
>> Best wishes
>>
>> Duncan
>> ______________________________________________________________________
>> css-discuss [cs...@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>>     
> ______________________________________________________________________
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



Thanks everyone,

The entries without vendor specific tags work fine on Opera.
The PIE extension seems to be partially working on IE. I'm testing
it on IE8. The drop-shadow effect seems to work fine. The radius property
doesn't seem to be supported (no round corners)

.shadowed-light {
    border: 1px solid #c4c8cc;
    -moz-box-shadow: 1px 1px 3px #999;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-box-shadow: 1px 1px px #888;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    box-shadow: 1px 1px 3px #999;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    behavior: url(PIE.htc);


Thank you
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] css3 rounded shadow in opera/IE

Reply via email to