Important: Please read the Qt Code of Conduct -

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?


  • please provide some code for the css. I'm using shadows for text (e.g. @text-shadow: 2px 2px #ff0000;@). And its working fine.

  • 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?

  • Have you tried this : @-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?

  • Yes, it's a div and it doesn't work...
    my guess that it's not supported

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

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

  • 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
    @-webkit-box-shadow: 0px 0px 10px black;@

    Works like a charm.

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

    Works fine ;) thanks ManuelL

Log in to reply