どこから始めればよいかさえわかりません。私のプロジェクトのあるページで、初めてそのページに入ると、サイトの一部が消え、一部がスタイルされません (たとえば、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>
スタイルに関しては、基本的にはパディングと明らかにオレンジ色のグラデーションだけです。スクリーンショットでは境界線の半径を確認できますが、表示されない場合もあります。