1 Attachment(s)
Mac OS QtWebKit CSS3 rendering issues
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:
Attachment 7589
Here's the HTML code:
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?
Re: Mac OS QtWebKit CSS3 rendering issues
I've found the solution: I just needed to set the graphics system to raster
Code:
int main(int argc, char *argv[])
{
...
}