Q&Agreasemonkeyでページ表示時にボタンを右下に表示したいです。
下記でボタン表示はできたんですが、ページによっては別要素の後ろに隠れてしまいます。
例:ヤフーニュースの広告など
このボタンを常に最前面に表示し別要素の後ろに隠れずボタンが押せるようにしたいのですがどうすればいいでしょうか。
javascript
1// ==UserScript== 2// @name ボタン表示 3// @namespace button 4// @include https://* 5// @include http://* 6// @version 1 7// @grant none 8// @require http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js 9// ==/UserScript== 10jQuery('body').append('<button id="serchbutton" style=position:fixed;top:70%;right:0%;height:30%;width:30%;" >ボタン</button>');
回答2件
0
z-indexを指定するのはどうですか？
要素同士が重なると、 z 順はどちらが上にかぶさるのかを決めます。 z-index がより大きな要素が、より小さな要素の上にかぶさります
投稿2018/11/01 00:51
総合スコア36074
0
自己解決
自己解決しました。
document.getElementById("serchbutton").style.zIndex = 999;
と記述することで前面に表示できること確認しました。
投稿2018/11/02 11:14
総合スコア174
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。