javascript - HTML + CSS 渲染问题

Question

在过去的几天里，我把头发拔了出来，并因此而患上了脑动脉瘤。

我为 Ebay 创建了一个看起来很棒的 HTML + CSS 模板。尽管在您最初打开页面后刷新页面之前它不会呈现 CSS。

为了简单起见，我将发布用于 Ebay 的确切测试代码：

在其发布并最初打开页面后，您看不到 CSS，然后刷新使 CSS 呈现：

我有一个我正在销售的产品的专业页面，这显然不会飞。

这完全让我感到困惑。我已经做了一切。所有浏览器。在另一个站点上托管 CSS 并指向它。没有任何效果。

真的，任何能以某种方式提供帮助的东西都将不胜感激。我会每隔几个小时继续查看这篇文章。

score 1 · Accepted Answer

1

尝试改用内联样式。

<p style="border: 1px groove black;">Thingy</p>

于 2015-01-27T10:06:55.583 回答

score 1 · Accepted Answer

我遇到了一个导致问题的已知问题：

当您第一次加载未缓存的项目时，它会直接在 eBay 中加载项目的代码。刷新后，它会在 iframe 中加载项目（正常行为）

第一次加载会导致问题，因为它从 eBay 主页样式表中携带 css。

尝试更准确并包含一个包装器 div，然后使用 .wrapper p {} 设置样式

此外，链接到外部样式表，让您的生活更轻松更新！

score 0 · Accepted Answer

您说：
在您最初打开页面后刷新页面之前，它不会呈现 CSS。

这可能与 eBay 页面加载行为有关。当您来自外部站点时（例如将 eBay 链接粘贴到您的浏览器），eBay 将加载该页面并将其自己的 CSS 添加到您的 HTML 标记中。当您重新加载页面时，eBay 会跳转到iframe模式并使用您的Style元素。

score 0 · Accepted Answer

它来自内联样式中使用的错误格式/措辞。尽管它们都有效，但它并不能解释一个需要刷新而另一个不需要刷新的原因。

score -3 · Accepted Answer

-3

尝试添加边框宽度p{border:1px groove;}

于 2015-01-27T10:06:01.060 回答

5 回答 5