我正在开发Chrome插件。我想实现它的接口与内容行，将在网站内容开始之前显示(类似于stackoverflow信息栏)。我不擅长HTML和CSS。
1. 我如何实现它在任何网站正确工作?
2. 什么HTML代码是最好的使用，使矩形将正确显示在任何网站的顶部?
1-确保你注入的HTML正好在Body Tag之后。
2-使用CSS，设置宽度为100%;位置:固定(始终在浏览器顶部)或位置:绝对(始终在页面顶部);上图:0;z指数:999(总是在最上面)(可能要做一些小的调整，这是我的头)
3-瞄准你的酒吧(应该是一个容器)后的第一个元素，并应用它的margin-top你添加的元素的高度
应该在顶部创建一个可以放任何你想放的东西的栏
最简单的方法就是在正文的开头添加一个<div>:
<!-- old -->
<body>
<div id="header">
<h1>Hello, world!</h1>
<!-- ... -->
<!-- new -->
<body>
<div>Your content goes here.</div>
<div id="header">
<h1>Hello, world!</h1>
<!-- ... -->
因为<div>是一个块级元素，默认情况下它应该在屏幕上伸展，然后你可以随意设置它的样式。
然而，有两个基本问题:
- 网站的CSS干扰了你的栏。这可以以样式的形式显示，你要确保你声明，这样你的栏看起来不会很滑稽。或者它可能意味着页面上的一些元素是绝对定位的，而你添加的栏破坏了布局。
- 这个网站的JS干扰了你的酒吧。如果站点本身动态地将元素添加到
<body>的开始，那么您的栏将被推下页面。如果JS选择页面上的所有<div>，并将它们淡出，会怎么样?