0

我什至不知道从哪里开始。在我的项目的一个页面上，当您第一次进入该页面时，网站的某些部分会消失，而有些部分则没有样式（例如，border-radius 不起作用）。

首先，当您将鼠标悬停在链接上或选择某些文本（在选择之前实际上是不可见的）时，标题的某些部分会再次出现。当您刷新页面时，一切看起来都应该如此。

在我发现悬停或选择修复某些部分之前，我认为样式不会被应用或类似的东西。我什至尝试删除所有 @imports 并检查它是否有效。

这只发生在 Safari 中，样式被应用到适当的元素，但这些元素没有正确呈现并且不可见。

我什至不知道我应该在这里发布我的代码的哪些部分，因为它只是基本的 CSS，它在除 Safari 之外的任何地方都能完美运行。有任何想法吗？

@edit：这是一个问题示例（your profile显示链接，因为我将鼠标悬停在它上面） 在此处输入图像描述 当您选择不可见文本的某些部分而不是取消选择时，它会显示： 在此处输入图像描述 这是基于 Bootstrap 的站点，这是此代码警报：

<div class="alert">
    <button type="button" class="close" data-dismiss="alert">×</button>
    <strong>You are not connected to Stripe yet.</strong>
    <p>Other people will not be able to find or participate in your experiences until you connect to Stripe. Go to <a href="/profiles/1#stripe-connection">your profile</a> to connect to Stripe now.</p>
</div>

关于样式，它基本上只是一些填充，显然是橙色渐变。在屏幕截图上，您可以看到边界半径，但有时它不存在。

4

2 回答 2

1

我的一个朋友的建议：style在你的文档中放置空标签有效！只需<style></style>在标题中放置行，一切正常。

于 2013-01-31T11:08:14.170 回答
0

查看 safari 开发者工具：https ://developer.apple.com/technologies/safari/developer-tools.html

将个别问题的屏幕截图与 html 片段一起发布将有助于我们缩小问题范围。

于 2013-01-31T10:32:45.583 回答