Question

在谷歌 Chrome,我有一个非常奇怪的形象 h问题。

当我把 mo压倒在菜单上时,我在Catherine IE,但不是在 Chrome获得我的背景形象。

我在菜单上使用了以下CSS文字。

.content_resize { padding-right:0; padding-top:16px; width:930px;background-color:#fff; }
.content .mainbar { float:left; width:630px;}
.content .newstick { float:center; width:650px;}
.content .mainbar img { margin-bottom:24px; padding:4px; border:1px solid #b7b7b7; background-color:#fff;}
.content .mainbar img.fl { float:left; margin-right:12px;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:276px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li, ul.ex_menu li { margin:0; }
ul.sb_menu li { padding:4px 0; border-bottom:1px solid #e3e3e3; width:220px;}
ul.ex_menu li { padding:4px 0 8px;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; margin-left:-16px; padding-left:5px;}

ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#FFFFFF; font-weight:bold; display:block; width:200px ; height:25px; background:url(images/menu_bg.gif)  no-repeat left top;}

ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}
.content .scroll {  float:left; background:url(images/scroll_bg.gif)  no-repeat left top;  display:block; margin-left:35px; height:200px; width:180px;  OVERFLOW: hidden;background-color:transparent;}

该公司与因特网探索者公司和航天中心合作。虽然它没有展示幼苗 h的菜.背景形象。任何人帮助我?

Answer 1

我希望我回答不是太晚?

之所以出现这种情况,是因为<代码> 显示:block; 正在上台,而WebKit似乎不喜欢。如果您将<代码>的显示:block; property from ul.sb_menu li a:hover, ul.ex_menu li a:hover to ul.sb_menu li a, ul.ex_menu li a

在你回头时,将<代码>width:200px;和hels:25px;移至同一地点可能是有益的。这只字不提如何出现在IE>、Porro或OM中。

Answer 2

您只是与这一版面上的问题相同:。

如果在 h里(例如:hover)应用,则全球营养论坛的图像不会正确。

So you have a couple of options:

If your images are not animated: change the format of your images

If your images are animated: use a work around, see answers of question chrome does not render gif background image

友情链接