我正在为youtube.com编写用户脚本,并希望插入一个按钮,该按钮与YouTube页面上的其他按钮具有相同的外观和感觉。过去一切正常,但突然停止工作了。
请查看此图像上方的任何youtube视频上的按钮:
因此,我在Firebug中注意到一个问题,这些按钮包括文本和图像子节点,但不会将图像渲染为简单地为它们提供源图像URL。这些图像(加号图像或向下箭头图像)的'src'属性都具有完全相同的URL(1 x 1像素的图片)://s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif。但最终它们被呈现为所有这些不同的图像。结果是,当我在我的按钮中执行相同的操作时,所有其他CSS属性都正常工作,但图像仅为空白。
我想从html / javascript / css专家那里知道:
1.他们是如何做到的?
2.如何通过CSS / javascript获取这些最终呈现的图像?
谢谢!
P.S .:
-如果管理员想要关闭此问题,表示这不是编程问题,请注意。要了解如何实现这种“不可检测”的HTML图像问题,或者用户脚本如何仍然通过javascript / html / css获取该图像。
-如果管理员想要关闭此问题,表示它太具体(关于youtube.com),那么不是。这是有关HTML的一般问题,但是迄今为止我只看过YouTube实现过。我是一个初学者。
谢谢,
Piyush
![YoutubeTopButtons](https://istack.dev59.com/Ejry2.webp)
yt-uix-button
。请参见下面的答案。 - Dagg Nabbityt-uix-button
和yt-uix-button-default
两个 CSS 类名都添加上。我会更新我的回答。 - Dagg Nabbit