Mac OS QtWebKit CSS3 rendering issues

**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:

qtwebkit_mac_issue.jpg

Here's the HTML code:

Qt Code:

Switch view

<!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>

<!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>

To copy to clipboard, switch view to plain text mode

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

Qt Code:

Switch view

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

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

To copy to clipboard, switch view to plain text mode

Thread: Mac OS QtWebKit CSS3 rendering issues

Thread Tools

Search Thread

Display

Mac OS QtWebKit CSS3 rendering issues

Re: Mac OS QtWebKit CSS3 rendering issues

Similar Threads

Arabic text rendering; issues with parentheses

problem rendering garbled when rendering twice (QGraphicsScene->render(..))

QtWebkit - Flash rendering problem

QtWebKit and flash performance issues

resize issues when rendering specific region of QWebFrame

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions