[Webkit-unassigned] [Bug 61622] box-shadow doesn't render if optional color is omitted

Mon May 30 09:23:28 PDT 2011

https://bugs.webkit.org/show_bug.cgi?id=61622

--- Comment #8 from RLS <rludgero at yahoo.es>  2011-05-30 09:23:28 PST ---
(In reply to comment #7)
> <!--firefox--> is not a valid CSS comment. This is breaking your CSS.

My problem is not the comment, if you copy the code and look in the others browsers, you see and understand what i want...

The shadow in IE9, Opera 11, firefox 4, show such as .png below:

http://imageshack.us/photo/my-images/862/fireshotcapture.png/ 

I still have trouble viewing in safari and chrome, both still show no shadow. 

Sorry for my basic english, and thank you.

-------------------------------------------------------------------------

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Documento sin título</title>

<!--stylesheets-->

<style>
body {
    background-color:#444444;
    margin:0 auto;
}

#header-wrapper {
    height:30px;
    margin: 0 auto; 
    position:relative;
    clear:both;
    float:none;
    background-color:#444444;
    padding:3px;
    border-bottom-color:#353535;
    border-bottom-style:solid;
    border-bottom-width:1px;        
    -moz-box-shadow: 0px 0px 10px; /*mozilla-firefox*/>
    -webkit-box-shadow: 0px 0px 10px #000000; /*chrome and safari*/
    box-shadow: 0px 0px 10px; /*opera and ie9*/
    z-index:9999;    
}

#wrapper {
    height:720px;
    margin: 0 auto; 
    position:relative;
    clear:both;
    float:none;
}

#foot-wrapper {
    height:30px;
    margin:0 auto; 
    position:relative;
    clear:both;
    float:none;    
    padding:3px;
    border-top-color:#353535;
    border-top-style:solid;
    border-top-width:1px;        
    -moz-box-shadow:0px 0px 10px; /*mozilla-firefox*/
    -webkit-box-shadow:0px 0px 10px #000000; /*chrome and safari*/
    box-shadow:0px 0px 10px; /*opera and ie9*/
    z-index:9999;   
}
</style>

</head>

<body>

<section id="header-wrapper"></section>

<section id="wrapper"></section>

<section id="foot-wrapper"></section>

</body>
</html>

-----------------------------------------------------------------------------

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.