Mac OS QtWebKit CSS3 rendering issues [Archive]

Chirieac

15th April 2012, 16:11

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:

7589

Here's the HTML code:

<!DOCTYPE HTML>
<html>
<head>
<title>Test</title>

<style type="text/css">
body {
margin: 0;
padding: 2em;
background: pink;
}
.button {
width: 140px;
height: 140px;
background: red;
border-radius: 20px;
border: 1px solid #000;
}
.button span {
display: block;
width: 80px;;
height: 80px;
margin: 0 auto;
background: black;
-webkit-mask-image: url(grid.png);
}
</style>

</head>
<body>

<div class="button"><span></span></div>

</body>
</html>

Is there a way to fix this issue?

Chirieac

15th April 2012, 20:05

I've found the solution: I just needed to set the graphics system to raster

int main(int argc, char *argv[])
{
QApplication::setGraphicsSystem("raster");
QApplication app(argc, argv);
...
}