RiskyShenanigan
06-30-2011, 08: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;
}
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;
}