CSS如何避免干扰（插入其它页面）_html/css_WEB-ITnose

需求是这样的，浏览器插件开发，需要在任何页面插入一个Div，fixed 在右上角。样式很简单，但是鉴于页面情况复杂，经常会被各种页面的样式干扰，导致div的显示内容乱七八糟。

目前使用iframe解决，ifame自己有独立的样式，不受主页面干扰，但是问题是，ifarme限制很多，有些页面是不允许加载的，因为iframe是调取的外站内容，要控制它也很难，出于安全性，浏览器在某些网址还会阻止iframe加载。

有没有什么好的办法，让我的插入div样式不受主页面样式的干扰？

回复讨论(解决方案)

把所有可能影响到的样式都重写一遍

1.基于叠层的定义
2.更详细的属性定义
3.受到干扰 说明 全局性质的定义不够充分 如果一个定义是会影响其他后来的东西 那么说明这个定义是你期望的全局风格化的

ok,缩减了样式，样式简单了。

1.基于叠层的定义
2.更详细的属性定义
3.受到干扰 说明 全局性质的定义不够充分 如果一个定义是会影响其他后来的东西 那么说明这个定义是你期望的全局风格化的

关键是我不知道一共有多少样式需要设置。

ok,缩减了样式，样式简单了。