介绍 兄弟们,小弟想开发一个自用的 chrome extension 。 类似于侧边栏一样的内容,整理如下 场景 为了让侧边栏不遮挡原始网站内容,所以想让网站整体的 body 向右偏移 70px 样式 对 body 采用了多种方案,如:margin-left,left,translateX(70px) 问题 [ol]body 样式偏移了,但是某些网站,比如斗鱼,虎牙,youtube ,的左侧导航栏却依然停留在页面最左侧。当我采用 translateX(70px) 时,斗鱼,虎牙网站成功便宜,但是 Youtube 的导航栏却因为偏移直接不可见了,而且鼠标移动到视频上预览时,小窗格被再次偏移。 [/ol]疑问 请问如果遇到这种样式问题,我该如何解决,有通用的解决方案么? 偏移, body, 虎牙, translatex
Chrome extension 这种就没办法做到通用在所有网站上,因为每个站点的样式都大大不同,尤其是 position 、z-index 这种属性设置得也都不同,你插入的 DOM 被会被网站已有内容盖住。 除非,你在几个热点网站上分辨域名,一个个去做兼容,不过就太费时间了。