[webkit-qt] -moz-box-shadow doesn't appear to work.

noam.rosenthal at nokia.com noam.rosenthal at nokia.com
Wed Jul 21 18:23:55 PDT 2010


Hi  Paul
Try -webkit-box-shadow instead of -moz-box-shadow.
The -moz-* keywords are supposed to work only in Mozilla, while the -webkit-* keywords are supposed to work only in Webkit. 

Regards
No'am
________________________________________
From: webkit-qt-bounces at lists.webkit.org [webkit-qt-bounces at lists.webkit.org] On Behalf Of ext Paul Pedriana [ppedriana at gmail.com]
Sent: Wednesday, July 21, 2010 4:23 PM
To: webkit-qt at lists.webkit.org
Subject: [webkit-qt] -moz-box-shadow doesn't appear to work.

Am I missing something, or does -moz-box-shadow not work? This occurs
with the latest Qt 4.7.0 beta 2 QtWebKit on Windows. I want to verify
I'm not missing something before I submit a bug, as I'm not highly
familiar with some of this stuff.

The following HTML demonstrates it:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<div style="border: 1px solid rgb(128, 128, 128); -moz-box-shadow: 5px
     5px 5px rgba(0, 0, 0, 0.5); width: 300px; height: 200px;">
<br>
<center>This box should have a shadow.</center>
</div>
</body>
</html>

The the following is what is drawn (no shadow):

     http://i.imgur.com/faWqv.png

FireFox draws this correctly, as shown here:

     http://i.imgur.com/gTm2j.png

I thought that bug fix 23291 might have fixed this problem, but it
doesn't appear to be so.

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

Also, box-shadow doesn't work either, as indicated here:

     http://www.css3.info/preview/box-shadow/
     http://i.imgur.com/Eiiua.gif






_______________________________________________
webkit-qt mailing list
webkit-qt at lists.webkit.org
http://lists.webkit.org/mailman/listinfo.cgi/webkit-qt


More information about the webkit-qt mailing list