Question

我自己制作了一个自定义的ebay模板。问题是，该模板的css仅在第二次加载网站时加载数据。至少在Firefox中。第一次打开模板后，必须按重新加载才能看到模板正常工作。（模板上的Javascrips，如图库，仅在刷新浏览器后才能工作）。

这必须与eBay的css做一些事情，干扰我的模板自定义css。

我不知道如何阻止这种情况。我希望每个人在第一次访问该页面时都能看到该模板。

以下是我的一个列表中存在此问题的示例： http://www.ebay.de/itm/Mantel-Wollmantel-Tulpenform-Damen-Neu-Herbst-Schwarz-Weis-Italy-38-40-42-1544C1-/201475884042?hash=item2ee8e6040a

Answer 1

问题是一个奇怪的eBay故障（我打赌他们称之为功能）。

通常在您第一次加载项目时，它会直接加载到页面中，没有iframe。刷新页面时，它在iframe中。

它在iframe中的常见行为很好，你的CSS和JS对于那个页面都是唯一的，所以运行得很好......

当它第一次直接在eBay中时，CSS可以从主要的eBay样式表中获取，因为没有帧停止它..

我建议你在CSS中更具体一些，所以如果你有一个外部div，请在每个class / id之前命名所有CSS。您可能还需要覆盖一些默认样式。也不要为你的类或变量使用通用名称，我倾向于使用wv-（来自我的公司名称）使用通用名称。使用相同变量的Javascript可能是最糟糕的，因为脚本可能会相互干扰。

Answer 2

以下名称样式适用于我：

（.nst是我的风格名称）

.nst {
    position: relative;
    font-size: 1.em;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #3E3E3E;
    margin: 5;
    padding: 5;
    white-space: normal;
    word-wrap: break-word;
    background: #F8F8F8;
}

.nst h2,
h3,
h4 {
    clear: both;
    color: #777777;
    margin-bottom: .2em;
}

.nst h1 {
    font-size: 2.em;
}

.nst #header {
    background-color: #C8B8A8;
    padding: .25em;
    color: black;
}

列表全部包含在div <div class="nst">etc</div>中。

强制iframe加载正确的CSS数据（易趣列表）

2 个答案: