0

我目前正在建立一个小型广告网络,主要用于我们自己的网站。

广告是通过在网站上包含脚本来加载的,例如...

<script src="http://someurl.com/somejs.js"></script>

在我放置脚本行的任何地方,它都会被广告内容替换,内嵌样式。广告必须是 HTML,这就是困扰我的地方...

例如,假设广告内容类似于

<div style="height: 150px; width: 90px; overflow: hidden; display: inline-block;"><p>Buy cheap buttons</p><p><img src="deliciousButtons.png" /></p></div>

然后假设内容已加载到网页中,其中某人的样式表中有以下内容:

img { border: 1px solid red; }

现在广告中的图片有一个红色边框 - 太糟糕了。

我唯一的解决方案是使用 iframe……但是,我从来没有真正喜欢过 iframe。

是否有一个 html 元素,您可以在其中放置 HTML,并且放置在其中的所有内容都不受任何样式表首选项的影响 - 只有内联样式?

... 如果不。关于如何做的任何建议?没有 iframe :)

4

2 回答 2

2

您可以覆盖继承的样式,但要使其正常工作,您需要覆盖所有可能的 CSS 选项,并可能将此类覆盖标记为!或闪光,但我想这也是可能的选择。

于 2012-12-10T20:14:58.493 回答
1

您可以执行以下操作。
添加一个您不想要该样式的类。

<img src="deliciousButtons.png" class="no-border"/>

然后在你的CSS上。

img:not(.no-border) {
    border: 1px solid red;
}

演示

于 2012-12-10T20:16:22.737 回答