2013-03-06 107 views
0

我創建了一個使用popup.html文件的頁面動作擴展。它曾經完美地工作。當我點擊圖標時,它會顯示一個只有popup.html頁面的角落可見的小方塊。我設置了body和html css的高度和寬度,但沒有使框變大的運氣。我也將css移動到另一個名爲popup.css的頁面上,並添加到popup.html頭部。popup.html顯示不正確

popup.html

有沒有人遇到這個問題? 請幫忙。

HTML:

<html> 
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="popup_script.js"></script> 
    <link href="popup.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
    <ul> 
     <li id="all">All</li> 
     <li id="title">Name</li> 
     <li id="artist">Artist</li> 
     <li id="album">Album</li> 
     <li id="art">Artwork</li> 
    </ul> 
    <textarea id="info" type="text"></textarea> 
</body> 
</html> 

CSS:

body { 
font-family: arial; 
font-size: 13pt; 
margin: 0; 
padding: 0; 
color: #06477D; 
} 

ul { 
list-style-type: none; 
cursor: pointer; 
padding: 0; 
margin: 0; 
} 

li { 
text-align: center; 
padding: 5px 20px; 
} 

li:hover { 
background: #06477D; 
color: white; 
} 

textarea#info { 
position: absolute; 
} 
+0

有什麼我失蹤? – 2013-03-06 08:40:15

+0

嘗試指定您的html文檔的文檔類型 – HaNdTriX 2013-03-13 23:17:19

回答

1

看這個Link

它似乎是Chrome錯誤。但它在金絲雀版本中是固定的。所以我認爲這只是一個暫時的問題。

+0

@andres現在一切正常。非常感謝。 – 2013-03-19 19:43:34