2017-08-30 59 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。