Css Chrome Extension popup.html不再正确显示
我创建了一个使用popup.html文件的页面操作扩展。它过去工作得很好。当我点击图标时,它会显示一个小框,只有popup.html页面的一角可见。我设置了主体和html css的高度和宽度,但没有运气使框变大。我还将css移到另一个名为popup.css的页面上,并添加到popup.html头部 有人碰到过这个问题吗? 请帮忙 HTML:Css Chrome Extension popup.html不再正确显示,css,google-chrome-extension,Css,Google Chrome Extension,我创建了一个使用popup.html文件的页面操作扩展。它过去工作得很好。当我点击图标时,它会显示一个小框,只有popup.html页面的一角可见。我设置了主体和html css的高度和宽度,但没有运气使框变大。我还将css移到另一个名为popup.css的页面上,并添加到popup.html头部 有人碰到过这个问题吗? 请帮忙 HTML: 如果您正在运行最新的Chrome Canary版本,这可能就是问题所在。我所有分机的弹出窗口都是这样显示的 尝试不同的Chrome版本 编辑:是的,我刚找
如果您正在运行最新的Chrome Canary版本,这可能就是问题所在。我所有分机的弹出窗口都是这样显示的 尝试不同的Chrome版本 编辑:是的,我刚找到一些Chrome/Chrome的bug报告:
在html正文标记中设置高度和宽度属性。也就是说,只需使用“高度”和“宽度”属性将样式添加到现有的主体标记中即可 你能给我们看看html和css吗?听起来这就是问题所在。我要等Google更新chrome吗?这个()指向正在调查的bug。看起来现在应该把它固定在金丝雀身上了,但可能还是有车的。
<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>
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;
}