HTML页面无法在QWebview中正确显示

时间:2012-07-19 18:17:24

标签: html css qt qwebview

我正在做一个有QWebView的小软件来显示HTML个文件。我的问题是我的欢迎页面显示效果不佳。它看起来像this,它应该在中心的红线之间有一个图像。问题肯定是我的HTML和/或CSS. So here is my HTML`:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="styles/accueil.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>

    <div class="container">

        <div class="ligne">&nbsp;</div>

    </div>

    <div class="ligne">&nbsp;</div>    
</body>
</html>

我的CSS

@charset "UTF-8";
/* CSS Document */

body{
    background-color:white;
    margin:0 auto;
    height:100%;
}

html {
    overflow-y: scroll;
    height:100%;
}

img{
    border:none;
}

.container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -20px;
    background-image: url(../icones/accueil.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}

.ligne{
    width:100%;
    height: 20px;
    background-color:#ee1b2e;
}

知道我写错了什么?

谢谢!

------ ------ EDIT

仅在XP上发生......在MAC,7和Vista上它可以找到。它应该看起来像this

2 个答案:

答案 0 :(得分:0)

我不确定为什么,但问题是我的形象......我需要一个.png图像而不是.jpg

答案 1 :(得分:0)

我想这是你在没有安装Qt的计算机上使用带有qwebview的程序的时候。如果是这样,添加到程序目录文件夹[imageformats]。只需从Qtdir复制它。默认情况下,Qt支持* .png和* .svg格式,对于* .jpg和其他格式的dll集是Windows必需的。