On 5/10/2011 1:04 AM, tee wrote:
Please go to this site and choose the box shadow,
http://css3generator.com/
In IE9, no shadow for the left/top but right/bottom only
#container {-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;}
My test shows that 0 0 6px is the closer I can get to make left/top show in
IE9, problem is, this will not work so well for Opera for the result I wanted.
0 0 3px cc works fine for me in IE9 on that generator page.
And a near future problem: I was hoping maybe in 6 months time it'll be safe to
drop the vendor prefixes for a number of CSS3 elements including box-shadow.
Should I do so I can never get the closer result across browsers. Am I right
that if the vendor prefixes existed, browsers that can handle CSS3 native will
still treat their prefixes?
IE9 and Firefox 4 work without prefix. Webkit should be coming around soon.
--
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/hgm
The Ultimate Web 2.0 Carousel
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***