1

我正在将 Bootstrap 用于网站。显然，引导程序默认所有图像的宽度和高度 = 100%。

该网站包含来自广告服务器的广告，其中包括跟踪像素以跟踪印象等。这些像素图像的内联尺寸为 0，但 css 样式会覆盖这一点。

问题在于，有时 img 像素不是有效的图像文件，因此图像在框中显示为小“x”，以防止图像丢失。由于无法知道该图像的“真实”大小，浏览器会显示一个小框，可能是 15 或 20 像素的正方形。

我为一些通过名称识别它们的像素添加了样式，并将它们的大小设置回 0，但现在我有一个没有名称或 ID 的像素可以参考。

我需要做的是至少从广告所在的容器中“擦除”默认的“自动”图像大小。我不想从引导 css 文件中删除它，因为这会在我升级时中断（以及可能破坏其他引导功能）。

有任何想法吗？

4

1 回答 1

1

如果您有“丰富”的 HTML 横幅，则应始终将它们加载到 iframe 中。这不仅使它们对您的问题所说明的主页的 CSS 不敏感，并且反过来确保它们不会破坏您自己的布局，还可以防止许多可能的 XSS 攻击。不要相信应用程序中的第三方代码，无论是为了维护布局还是为了安全。

iframe 方法的另一个优点是，横幅使用的外部资源（例如图像）通常可能会从中央 CDN 缓慢加载，并且 iframe 会将其延迟到包含页面加载后的最后加载 - 因此广告永远不会减慢您的速度用户体验。

实际上，除了框架之外，没有其他方法可以可靠地取消一些容器元素的“某些”CSS——这不是 CSS 应该做的，它的全部目的是对整个文档是全局的。

于 2013-09-03T01:57:43.993 回答