Safari - 風格只適用於刷新（或懸停的某些部分）

Question

我甚至不知道從哪裏開始。 在我的項目的一個頁面上，當您第一次進入該頁面時，網站的某些部分會消失，有些部分不會被設置樣式（例如border-radius不起作用）。

首先，頭部的某些部位再次出現在你鼠標懸停在鏈接，或選擇一些文字（即實際上是不可見的，然後再選擇）。刷新頁面時，一切看起來都應該如此。

在我發現懸停或選擇修復某些部分之前，我認爲樣式不適用或類似的東西。我甚至試圖刪除所有@imports並檢查是否有效。

這隻發生在Safari中，樣式會應用到正確的元素，但這些元素不能正確呈現並且不可見。

我甚至不知道我的代碼的哪些部分應該在這裏發佈，因爲它只是基本的CSS，並且除Safari之外的其他任何地方都能正常工作。 任何想法？

@edit： 下面是一個問題的例子（如圖鏈接your profile，因爲我徘徊在它） 而當你選擇不可見的文本的某些部分比取消，它顯示了： 這是一個基於引導的網站，這裏是該警報的代碼：關於風格

<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> 

，它基本上只是一些填充，很明顯橙色漸變。在屏幕截圖上，您可以看到邊界半徑，但有時不在那裏。

Answer 1

我的一位朋友的建議：在您的文檔中加入空style工作！剛剛在行中放置了行<style></style>，一切正常。

Answer 2

退房Safari開發工具：https://developer.apple.com/technologies/safari/developer-tools.html

發佈與HTML片段以及個別問題的截圖將幫助我們縮小的問題。