...

View Full Version : Resolved -moz-boz-shadow not working...



RiskyShenanigan
06-30-2011, 09:40 PM
I am trying to test out the box shadow feature in CSS3 and have tried it with -webkit- and works in Safari and Chrome, now when testing it on Firefox I only seem to get the text and nothing else from which I have formatted from my CSS file.

I have tested it on Mac and Windows Firefox 5.0, but it seems to give me the same result, just the text and no box shadow.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>Test Page 3</title>
<link rel="stylesheet" type="type/stylesheet" href="test3.css" />
</head>
<body>
<p> This is a new paragraph</p>
</body>
</html>


p{
padding: 20px;
background-color: rgb(203, 222, 233);
border-radius: 20px;
-moz-box-shadow: inset 0px 5px 5px #000;
font-family:Arial,sans-serif;
}

kao
06-30-2011, 09:54 PM
The code seams to work just fine for me. also in FF5 and possibly FF4 ,you don't need to use the -moz hack. box-shadow is supported.

box-shadow: inset 0px 5px 5px #000;





<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>Test Page 3</title>
<style type="text/css">


p{
padding: 20px;
background-color: rgb(203, 222, 233);
border-radius: 20px;
-moz-box-shadow: inset 0px 5px 5px #000;
box-shadow: inset 0px 5px 5px #000;
font-family:Arial,sans-serif;
}


</style>


</head>
<body>
<p> This is a new paragraph</p>
</body>
</html>

RiskyShenanigan
06-30-2011, 10:07 PM
Don't know what I did, but it started working, thanks for the help.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum