我目前正在建立一个小型广告网络,主要用于我们自己的网站。
广告是通过在网站上包含脚本来加载的,例如...
<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 :)