歌剧列表项目(li)悬停背景颜色

时间:2014-03-22 23:53:41

标签: css hover opera

这是一个非常奇怪的问题。我不确定我的CSS或Opera浏览器是否存在问题。此问题仅出现在opera中,在safari中测试,即10,chrome和firefox。所以,我有一个下拉菜单,当我将鼠标悬停在菜单上的一个项目(这是一个li)时,它没有完全突出显示。

这是我将鼠标悬停在上面时会发生什么的照片: http://i.imgur.com/7fgVxrZ.png

这是我的css:

ul{ 
    list-style:none;
position:absolute;
background:#656665;
font-size:32px;
color:#0495CF;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
display:none;}
 li{
    padding:5px;
 }
 li:hover
 {
    background:gray;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
 }

0 个答案:

没有答案