November 8, 2011

reuvenh reuvenh
Lab Rat
4 posts

QT 4.7.4, can’t see CSS3 shadow on elements

 

Hello,
We’re using QT 4.7.4.
In the loaded web page i’m using CSS3 for round corners and adding shadows to elements.
The round corners work perfectly, the shadows are horrible…

Is this bug in the QT?

Thanks,
Reuven

8 replies

November 9, 2011

KA51O KA51O
Robot Herder
380 posts

please provide some code for the css. I’m using shadows for text (e.g.

  1. text-shadow: 2px 2px #ff0000;
). And its working fine.

November 9, 2011

reuvenh reuvenh
Lab Rat
4 posts

Thanks, but i’m trying to do box shadow:
box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);

it shows no fading and opacity,

any ideas?

November 9, 2011

KA51O KA51O
Robot Herder
380 posts

Have you tried this :

  1. -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);

I’m going to try this out later. Are you applying this property on a < div > element?

November 9, 2011

reuvenh reuvenh
Lab Rat
4 posts

Yes, it’s a div and it doesn’t work…
my guess that it’s not supported

February 24, 2012

ManuelL ManuelL
Lab Rat
6 posts

You are right, not supported in Qt 4.7. Hopefully it is in Qt 4.8.

February 29, 2012

Phatbyte Phatbyte
Lab Rat
2 posts

I’ve just installed QT 4.8 and still no luck :(, it’s a shame for a such basic feature.

February 29, 2012

ManuelL ManuelL
Lab Rat
6 posts

I’m using Qt 4.8 and it properly support box-shadows… maybe something’s not completely correct with your CSS? Using the (unfortunately bugged) Web Inspector you should be able to see if some CSS rule is not correct by noticing a small warning icon aside of the offending rule.

As an example

  1. -webkit-box-shadow: 0px 0px 10px black;

Works like a charm.

February 29, 2012

Phatbyte Phatbyte
Lab Rat
2 posts

You are right, I’m sorry, I was still using the previous imported pyside modules.

Works fine ;) thanks ManuelL

 
  ‹‹ [Solved] QNetworkAccessManager      proxy client accesing to web ››

You must log in to post a reply. Not a member yet? Register here!