我把插件放到了百度上,还是没有出现按钮
时间: 2024-03-26 13:36:20 浏览: 61
如果你把脚本放在百度上却没有出现按钮,可能是因为百度的页面结构比较复杂,导致按钮被其他元素遮挡了。你可以尝试调整按钮的 CSS 样式,让它处于页面的顶层,或者使用一些 JavaScript 技巧让按钮始终保持在视窗的可见区域内。
以下是一个示例,它使用了 CSS 属性 `z-index` 来让按钮处于页面的最顶层:
```javascript
// ==UserScript==
// @name Add Button with Icon
// @namespace http://tampermonkey/add-button
// @version 1
// @description Add a button with icon to the current page and keep it on top of other elements on the page.
// @match http://*/*
// @match https://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 创建一个按钮元素
const button = document.createElement('button');
button.style.width = '100px';
button.style.height = '100px';
button.style.position = 'fixed';
button.style.zIndex = '9999';
// 添加 Font Awesome 图标
const icon = document.createElement('i');
icon.classList.add('fas', 'fa-heart');
button.appendChild(icon);
// 将按钮添加到 body 元素中
document.body.appendChild(button);
})();
```
这个示例在按钮上添加了 `position: fixed` 和 `z-index: 9999` 两个 CSS 属性,让按钮始终处于页面的最顶层,并且不随页面滚动而移动。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)