...

View Full Version : CSS 3 problem



NoeG
02-22-2011, 03:00 AM
drop shadow and border radius do not work on IE


#featured-template{
margin-top:25px;
border:0px;-moz-border-radius: 10px;-webkit-border-radius: 5px;border-radius: 5px;
width:900px;
overflow:auto;
color:#5887db;
font-family:"Myriad Pro","Trebuchet MS",Arial,sans-serif;
font-size:14px;
background-color:#FAFAFA;
-webkit-box-shadow: #54656d 2px 2px 5x;
-moz-box-shadow: #54656d 2px 2px 5px;
box-shadow: #54656d 2px 2px 5px;
}

is there a hack for IE or is my code wrong? I'm very unpracticed in CSS3

Excavator
02-22-2011, 03:10 AM
Hello NoeG,
CSS3 still has pretty limited support. IE8 is not one of the browsers that support it. Have a look here at CSS3 support (http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/).

Excavator
02-22-2011, 03:14 AM
See these related posts:


http://www.codingforums.com/showpost.php?p=1055590&postcount=3

http://www.codingforums.com/showpost.php?p=1055541&postcount=2

NoeG
02-22-2011, 03:14 AM
ohhh so thats what it is...darnn so whats the alternative for that border radius look?

say I create the same look on photoshop and save it as a png or something and make it the background image would that work or is it bad for loading time cause of the big image?

NoeG
02-22-2011, 03:17 AM
I didn't see your last reply thanks for the alternatives

effpeetee
02-22-2011, 04:59 PM
There is a lot of help here (http://www.exitfegs.co.uk/Sources.html).

Use the search facility. Single words often work best fot searching.
This site of mine uses Css3 (http://www.exitfegs.co.uk/)

Use IE9 RC which is available now.

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum