浏览器之间的CSS问题

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在从事网站设计工作，并且遇到无法在所有浏览器中正常工作的选项卡。该网站在这里： http://www.designmeditations.com/stc4-1/浏览器之间的CSS问题

在当前版本的Chrome中，它看起来不错。在FF中，它悬挂一个像素低。如果我将它向上移动一个像素，那么它在FF中看起来很不错，并且当您悬停时，Chrome中会在底部看到1像素线。

对此提出建议？我通常在无序列表元素上进行图像转换，但在这种特殊情况下，我没有想到我需要使用图像。

谢谢。

回答：

我看不出你所谈论的区别，但使用选项卡的良好做法是以像素为单位指明行高。尝试添加line-height: 20px并从那里调整。它很可能会解决这个差异。

#mainnav a { 
    background: transparent; 
    padding: 6px; 
    border: #0A4F91 solid 1px; 
    border-top-right-radius: 10px; 
    border-top-left-radius: 10px; 
    color: white; 
    text-decoration: none; 
    margin-right: 10px; 
    line-height: 20px; 
}

以上是 浏览器之间的CSS问题 的全部内容， 来源链接： utcz.com/qa/264647.html

回到顶部