请教一个CSS 夜间模式的问题

17999s

暂时把 div {background-color: transparent !important;}　换成 * {background-color: transparent !important;} ，不完美 , 期待大神出手完善！！

这段时间一直在找适合自己的全局黑色背景的CSS文件，到处找高手的成品

今天找到一个不错的，作者是@WilliamSha　数字扩展中心下载的　
但是某些网页出现奇怪地问题，自己不能解决，还请大大们出手点一下　！！！
例如这里：
https://space.bilibili.com/10330740/video

问题表现为不能向下滚动，一滚动下面的页面失效（变白背景），

css 代码：
body {background: #383838 !important;}div {background-color: transparent !important;}header,nav,table,th,tr,td,dl,ul,li,ol,fieldset,form,h1,h2,h3,h4,h5,h6,pre {background: transparent !important;}

ELOHIM

我猜是没有做成全局，只做到了局部上。
等大神来指出真正的问题在哪。。

17999s

ELOHIM 发表于 2020-3-17 22:36
我猜是没有做成全局，只做到了局部上。
等大神来指出真正的问题在哪。。

应该是全局，目前只发现这个页面有问题，其它正常

如果把background-color:设置例如＃333　就会导致B站视频无法观看

ELOHIM

17999s 发表于 2020-3-17 22:41
应该是全局中，目前只发现这个页面有问题，其它正常

如果把background-color:设置例如＃333　就会导致 ...

你F12测试一下。
现在用的什么模拟环境？
换个别的内核试试看呢。。。

17999s

ELOHIM 发表于 2020-3-17 22:42
你F12测试一下。
现在用的什么模拟环境？
换个别的内核试试看呢。。。

哈哈，我就一小白

按F12后，白色的会向上跑,向上拉动DevTools窗口，白色页面就会随向上延伸

ELOHIM

17999s 发表于 2020-3-17 22:50
哈哈，我就一小白

按F12后，白色的会向上跑,向上拉动DevTools窗口，白色页面就会随向上延伸

这就不清楚了，没准你触发了三维宇宙打开的大门。。。

等大神来帮你。

17999s

ELOHIM 发表于 2020-3-17 22:55
这就不清楚了，没准你触发了三维宇宙打开的大门。。。

等大神来帮你。

好的，多谢你的回复！

17999s

真是无奈了　另一个CSS也出现这种问题　，本来兼容性最好的一个CSS夜间模式
看来应该是CSS兼容性就是这样，不可能对应所有网页
似乎搞定了这两个网页!
分别加入
* [class="content"] {background: white !important;}
* [id="app"] {background: white !important;}

css:
browser[type="content-primary"] {background-color:black !important;}
html{opacity:0.6!important;background:#000 !important;}
body{background:white!important;}

表现为不能向下滚动页面，一滚动下面页面 就全黑

jingtailan2139

17999s 发表于 2020-3-18 23:34
真是无奈了　另一个CSS也出现这种问题　，本来兼容性最好的一个CSS夜间模式
看来应该是CSS兼容性就是这样 ...

以前想通过css文件来自定义网页背景颜色，结果发现不能适用所有网页。因为每个网页元素类型可能不同。查看网页html框架折腾了很久，也没搞出个所以然。最后终于不在意地放下这个事情了。