Hi!

I'm trying to make an application using QtWebKit on Windows and Mac OS and I've noticed the following rendering issue on Mac when the -webkit-mask-image CSS propery is used:

qtwebkit_mac_issue.jpg

Here's the HTML code:
Qt Code: 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>Test</title>
  5.  
  6. <style type="text/css">
  7. body {
  8.     margin: 0;
  9.     padding: 2em;
  10.     background: pink;
  11. }
  12. .button {
  13.     width: 140px;
  14.     height: 140px;
  15.     background: red;
  16.     border-radius: 20px;
  17.     border: 1px solid #000;
  18. }
  19. .button span {
  20.     display: block;
  21.     width: 80px;;
  22.     height: 80px;
  23.     margin: 0 auto;
  24.     background: black;
  25.     -webkit-mask-image: url(grid.png);
  26. }
  27. </style>
  28.  
  29. </head>
  30. <body>
  31.  
  32. <div class="button"><span></span></div>
  33.  
  34. </body>
  35. </html>
To copy to clipboard, switch view to plain text mode 

Is there a way to fix this issue?