显示为块

时间:2017-07-04 12:32:06

标签: css hover block fixed display

我试图创造那些着名的导航栏,但我遇到了一个奇怪的问题...

我创建了一个显示我的代码和问题的JSFiddle:JSFiddle

基本上当我徘徊在" 2"菜单,以便我的下拉内容显示为块(以前设置为无)我的整个文档font-weight正在改变...

两件事:

  • 当我将.dropdown-content设置为display: block时,我没有遇到此问题
  • 当我将.head1 position设置为除fixed以外的任何其他内容时,我没有遇到此问题

提前感谢您的任何线索!

我忘了提及但这只发生在Safari上......

1 个答案:

答案 0 :(得分:2)

尝试添加

body{
  -webkit-font-smoothing: subpixel-antialiased;
}

到你的CSS。当我在JSFiddle中添加它时,在Safari中为我工作。

请查看:Font weight turns lighter on Mac/Safari