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 cccccc 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: [email protected]
*******************************************************************

Reply via email to