有没有办法沉默页面的所有CSS样式?

时间:2013-04-28 14:15:43

标签: javascript css

我的css表基本上是一个广告(所有屏幕都是灰色的,中间是带有广告内容的框,除了“广告框”之外的任何地方都无法点击)。

我想这样做 - 如果用户访问我的网站,并且没有设置cookie,我会在索引页面上加载“ad css”表(所以我的广告会在中间,然后网站的其余部分显示为灰色)。一旦用户关闭“广告”,css表就会消失,并且我的网站的工作方式与没有加载任何“ad css”表单的情况相同。

我目前的问题是,一旦我加载了我的“广告”css表,它会因为网站的css表而混乱(例如我加载的图像不适合div)。

在加载广告时,是否可以将所有其他css表静音但“广告”表单?或者我可以做什么其他任何建议?

1 个答案:

答案 0 :(得分:2)

听起来你的CSS选择器过于宽泛,如果你的效果比你想要的要多,不过

  

加载广告时,是否可以将所有其他css表静音,但“广告”表格是否可用?

是的,HTMLStyleElementStyleSheet都有一个名为 disabled 的属性,当设置为 true 时,会有效地“关闭它们” 。 <style>元素应该具有相同的属性,但是I've found it doesn't seem to be enforced

因此,要使用此知识,只需循环遍历所有<style>元素(通过例如document.getElementsByTagName('style'))并设置.disabled = truefalse即可重新启用它们。 / p>