为什么＃影子根我的文档中，为什么它覆盖我的CSS

和

然而这两种建议问题与adblock，我已完全禁用adblock。

我更关心＃shadow-root的来源，因为我当然没有把它放在那里。

我读过，有一个选项在铬来禁用它（有趣的是，我已禁用...），但这意味着任何人使用我的网站将需要做同样的事情，我宁愿只是完全消除它，因为它在我的应用程序中没有任何用处。

我也搜索了很多关于阴影的文章，他们都没有提供任何有关它为什么似乎无缘无故的见解。

从我在检查器/视图页面源中看到的，我的应用程序的全部内容都被渲染到这个阴影中，因此没有收到我的任何样式。

我用的滑轨，反应，终极版，反应，终极版，反应路由器

Chrome开发者工具屏幕

页面源代码的屏幕

注意，源无关，在反应的div应该渲染。

附加信息：显示器上的镀铬无样式页面在正常隐姓埋名

不会在Safari

2016-08-24 nick

你能提供一个现场实例或者你所看到的截图吗？您在隐身标签中看到了相同的内容吗？ –

这是什么＃shadow-root？一个CSS选择器？一个带有id =“shadow-root”的HTML？ – Oriol

...但是你看到'＃shadow-root'在隐身标签的开发工具中吗？ –

在所有的工作中大量的镀铬插件在您检查自动创建这个影子的根。例如，自从我下载Vimium以来，我已经在Chrome浏览器打开的任何页面的底部有一个shadowroot div。没什么可担心的。

2016-08-24 02:01:20 ConorBCarey

我遇到了同样的问题，发现它是添加＃shadow-root的Adblock Plus。由于上面的资源，我能够确定问题

2016-09-13 07:15:52 PsydeStep

对我来说，它也是一个Adblocker（uBlock），它实际上隐藏了我制作的显示导入推文的网页的一部分。关闭我的网站的adblocker修复它。

2016-09-21 11:42:15 Flion

回答