Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. Qt WebKit
  4. QT 4.7.4, can't see CSS3 shadow on elements

QT 4.7.4, can't see CSS3 shadow on elements

Scheduled Pinned Locked Moved Qt WebKit
9 Posts 4 Posters 8.0k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • R Offline
    R Offline
    reuvenh
    wrote on last edited by
    #1

    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

    1 Reply Last reply
    0
    • K Offline
      K Offline
      KA51O
      wrote on last edited by
      #2

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

      1 Reply Last reply
      0
      • R Offline
        R Offline
        reuvenh
        wrote on last edited by
        #3

        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?

        1 Reply Last reply
        0
        • K Offline
          K Offline
          KA51O
          wrote on last edited by
          #4

          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?

          1 Reply Last reply
          0
          • R Offline
            R Offline
            reuvenh
            wrote on last edited by
            #5

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

            1 Reply Last reply
            0
            • M Offline
              M Offline
              ManuelL
              wrote on last edited by
              #6

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

              1 Reply Last reply
              0
              • P Offline
                P Offline
                Phatbyte
                wrote on last edited by
                #7

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

                1 Reply Last reply
                0
                • M Offline
                  M Offline
                  ManuelL
                  wrote on last edited by
                  #8

                  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.

                  1 Reply Last reply
                  0
                  • P Offline
                    P Offline
                    Phatbyte
                    wrote on last edited by
                    #9

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

                    Works fine ;) thanks ManuelL

                    1 Reply Last reply
                    0

                    • Login

                    • Login or register to search.
                    • First post
                      Last post
                    0
                    • Categories
                    • Recent
                    • Tags
                    • Popular
                    • Users
                    • Groups
                    • Search
                    • Get Qt Extensions
                    • Unsolved