実現したいこと
ここに実現したいことを箇条書きで書いてください。
- YouTubeのチャンネルページのバナーの画像を不透明にしたいです。
前提
JavaScriptで、YouTubeのサイトが透明になるようにしていたところ、
チャンネルのバナーの画像までもが透明になってしまいました。
バナーの要素の構造が複雑なので、どこが最終的な透明度につながっているのかがわかりません。
発生している問題・エラーメッセージ
バナーの要素の構造が複雑なので、どこが最終的な透明度につながっているのかがわかりません。 バナーの画像を覆うような透明な要素があり、それを削除するとバナー自体が(透明になるのではなく、そのスペースがつめられてしまうのでおそらく完全に)消えてしまいます。 document.querySelector("ytd-c4-tabbed-header-renderer").style.cssTextがバナーの画像になります。これもまた奇怪で、上記の要素の中ではなく、それを覆う要素の中で画像が宣言(?)されています。
該当のソースコード
すべての要素を(半)透明にするコードです。
javascript
1document.querySelectorAll("*").forEach(element => { 2 3element.style.setProperty("background-color", "rgba(127, 127, 127, 0.05)", "important"); 4element.style.setProperty("background", "rgba(127, 127, 127, 0.05)", "important"); 5 6});
試したこと
バナーの構造を見たが、全然何がどうなっているのか分からなかったので、色々やってみましたが、どう調べたらいいか分からなかったので何となくわかったことを「発生している問題」のところに一通り書いておきました…
補足情報(FW/ツールのバージョンなど)
サイトの利用経験が浅いので、修正すべき点などありましたご指摘願います。
JavaScriptやCSSなどにも詳しくないので、文章ではなく出来るだけ実行可能なJavaScriptコードを書いていただける方が理解できます。(やりたいことから関数を調べたりすのは難しいが、逆は簡単で、コードの方がまだ理解できるため。)
こちらの質問が複数のユーザーから「調査したこと・試したことが記載されていない質問」という指摘を受けました。

回答1件
あなたの回答
tips
プレビュー