html列表hover,css - HTML button list hover bug - Stack Overflow

最新推荐文章于 2023-01-08 00:47:00 发布

weixin_39900180

最新推荐文章于 2023-01-08 00:47:00 发布

阅读量118

点赞数

文章标签： html列表hover

在设计一个简单的网站时，发现在Safari浏览器之外，如Firefox 3.5，按钮行的布局出现偏差，表现为按钮向右偏移，似乎存在未指定的内边距或外边距。在Chrome中，按钮在悬停后会移动到正确位置，但更新页面后又复原。在Firefox和IE9中，按钮始终偏移且不会回位。问题源于CSS代码中的过渡效果和布局设置。寻求解决此跨浏览器兼容性问题的方法。

摘要由CSDN通过智能技术生成

So I'm designing this simple website and it seemed to work well until now. I had been using Safari to test it, but I can't get it to look right on any other browsers, namely Firefox 3.5-ish. The problem is in an used for a button row. In other browsers the buttons are pushed to the right, as if there were padding or margins on the, but I specified a padding of 0. In Chrome, the buttons go to the correct spot after hovering over the original spot but reset to correct position again if the page is updated via opening the inspector. In Firefox and IE9 they shift to the right but don't move back at all. Is there a way to fix this? Here is the code that is relavent:

HTML

CSS

#menu ul {

margin:0;

padding:0;

}

#menu {

height: 164px;

text-align: center;

position:absolute;

bottom:-120px;

width:650px;