Chrome擴展程序popup.html無法正確顯示

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

來源

2013-03-06 Philip Hardy

你能告訴我們html和css嗎？ – klokop 2013-03-06 07:59:56