Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jun 2011
    Posts
    49
    Thanks
    8
    Thanked 2 Times in 2 Posts

    -moz-boz-shadow not working...

    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.

    Code:
    <!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>
    Code:
    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;
    }
    Last edited by RiskyShenanigan; 06-30-2011 at 10:07 PM.

  • #2
    kao
    kao is offline
    New Coder
    Join Date
    Jan 2010
    Posts
    18
    Thanks
    4
    Thanked 2 Times in 2 Posts
    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;


    Code:
     
    
    <!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>

  • Users who have thanked kao for this post:

    RiskyShenanigan (06-30-2011)

  • #3
    New Coder
    Join Date
    Jun 2011
    Posts
    49
    Thanks
    8
    Thanked 2 Times in 2 Posts
    Don't know what I did, but it started working, thanks for the help.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •