1

伙计们，现在我正在制作一个转换页面，该页面应该包含在我们合作伙伴的网站上。我们在他们的网站内获得了一定的空间来推广我们的产品。我们提供的空间当然应该使用 html 和 css 进行样式设置。这就是它变得有点复杂的地方。有没有一种聪明的方法来防止我们在他们的 html 结构中的东西被他们的 css 格式化？

当然，我可以检查所有影响的编队，然后用我们自己的 css 编队覆盖它们，但这很脏，而且就未来可能发生的变化而言不是很可靠。

你会怎么处理这个？iFrame 可能是一个有效的解决方案吗？

谢谢

4

2 回答 2

2

如果没有 iframe，您可以使用通用重置概念的特殊应用。

/* cssreset.com */

#your_company_div * {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
line-height: 1.5em;
text-decoration: none;
vertical-align: baseline;

/* and perhaps some more... */

background: white;
color: black;
}

您可能还想明确定义字体/系列，除非您只想使用他们的字体/系列使其更适合。

这里的想法基本上是，父网站为 CSS 样式定义的内容不再重要，无论如何，您的内容应该看起来基本相同，因为 * 胜过一切。

请注意，使用通用重置也有同样的缺点，因为您需要对继承进行核对，并且如果您想要一个非零值，则必须定义边距和填充。

这对你来说不应该是一个很大的缺点，因为你并没有设计一个完整的网站，因此对于一些额外的工作来说，他们如何改变他们的网站并不重要，你的块将主要停留在相同的。

于 2013-04-05T16:56:27.660 回答
0

如果您使用 Iframe，则可以使用您自己的独立样式在您的合作伙伴网站中将您的页面作为外部调用。否则为 div 及其子元素提供层次结构样式

于 2013-04-05T16:44:32.780 回答