2

popup.htmlファイルを使用するページアクション拡張機能を作成しました。以前は完全に機能していました。アイコンをクリックすると、popup.htmlページの隅だけが表示された小さなボックスが表示されます。本体とhtmlcssの高さと幅を設定しましたが、ボックスを大きくすることができませんでした。また、cssをpopup.cssという別のページに移動し、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;
}
4

2 に答える 2

3

html body タグで高さと幅のプロパティを設定します。つまり、高さと幅のプロパティを使用して、既存の body タグにスタイルを追加するだけです。

于 2013-08-30T04:30:27.860 に答える
3

最新の Chrome Canary ビルドを実行している場合、それが問題である可能性があります。私の拡張機能のポップアップはすべてこのように表示されます。

別のビルドの Chrome を試しますか？

編集: ええ、Chrome/Chromium のバグ レポートを見つけました:

https://code.google.com/p/chromium/issues/detail?id=180724 https://groups.google.com/a/chromium.org/forum/?fromgroups=#!topic/chromium-bugs/ 09xiPfアフリカ

于 2013-03-07T15:00:31.040 に答える