2013-03-06 2 views
2

Я создал расширение действия страницы, которое использует файл popup.html. Он работал отлично. Когда я нажимаю значок, он отображает небольшой прямоугольник с видимым только углом страницы popup.html. Я установил тело и html css высоту и ширину, но не повезло сделать коробку больше. Я также переместил css на другую страницу с именем popup.css и добавил в popup.html head.Chrome Extension 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; 
} 
+1

Можете ли вы показать нам html и css? – klokop

ответ

3

Если вы используете последний Chrome Canary построить, что может быть проблема. Все всплывающие окна моего расширения появляются так.

Попробуйте использовать другую сборку Chrome?

EDIT: Да, я только что нашел некоторые сообщения об ошибках для Chrome/Chromium:

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

+0

Похоже, это проблема. Должен ли я ждать, пока Google обновит хром? –

+0

этот (https://code.google.com/p/chromium/issues/detail?id=180378) указывает на исследуемую ошибку. Похоже, теперь он должен быть установлен на Канарских островах, но, возможно, все еще неисправен. – brisssou

3

Установите высоту и ширину свойства в вашем HTML тела тега. Значит, просто добавьте стиль в существующий тег тела с помощью свойств высоты и ширины.

Смежные вопросы