2017-08-30 72 views
0

我试图把图像背景使用wx.html2我试过了所有的CSS/html标签,但图像不会进去。我想我正在使用它错了。我制作了一个html文档并进行了测试。它将在浏览器中正常工作。问题是什么? 在html2中,图片相关的CSS似乎并不全是。Wx.html2未插入背景图像

例如,图像相关的东西,如渐变。

#-*- coding: utf-8 -*- 
import wx.html2 

HTML_CODE= """ 
<!DOCTYPE HTML> 
<html lang="ko"> 
    <head> 
    <meta charset="utf-8"> 
    <title>HTML TEST</title> 
    <style type="text/css"> 
     body{{ 
     background-image: url(1.png); 
     }} 
     table{{ 
     width: 100%; 
     border-collapse: collapse  
     }} 
     table, caption, th, td{{ 
     border: 1px solid black; 
     text-align: center; 
     color:black;  
     height: 100px; 
     font-size: 20px;   
     }} 
    </style> 
    </head> 
    <body scroll='no'> 
    <table> 
     <caption>Hello world</caption> 
     <thead> 
     <tr>  
      <th>Ipsum</th> 
      <th>Ipsum</th> 
      <th>Ipsum</th> 
      <th>Ipsum</th> 
      <th>Ipsum</th> 
      <th>Ipsum</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr>  
      <td>{0}</td> 
      <td>{1}</td> 
      <td>{2}</td>  
      <td><p style='color:{3}'>{4}</p></td> 
      <td><p style='color:{5}'>{6}</p></td> 
      <td><p style='color:{7}'>{8}</p></td>  
     </tr> 
     <tr>  
      <td>{9}</td> 
      <td>{10}</td> 
      <td>{11}</td>  
      <td><p style='color:{12}'>{13}</p></td> 
      <td><p style='color:{14}'>{15}</p></td> 
      <td><p style='color:{16}'>{17}</p></td>  
     </tr> 
     </tbody> 
     <tfoot> 
     <tr> 
      <td colspan="6">Table Foot</td> 
     </tr> 
     </tfoot> 
    </table> 
    </body> 
</html> 
""" 
app = wx.App() 
frame=wx.Frame(None,-1) 
browser = wx.html2.WebView.New(frame, size=(460, 400)) 
browser.SetPage(HTML_CODE,"") 
frame.Show(True) 
app.MainLoop() 

enter image description here

回答

1

您正在使用的图像文件相对名称,但的WebView不知道从哪里开始寻找该资源时。您需要指定图像资源的完整路径名,或者您应该在baseURL参数SetPage中传递URL使用用作基准位置。它可能需要是一个file://... URL。