CSS不显示图像 [英] Css not displaying images

问题描述

我的asp.net页面上有一个选项卡菜单，但我无法获得显示所需图像的菜单.任何帮助都非常感谢，我的代码:
CSS文件:
.glossymenu {
位置:相对；
填充:0 0 0 34px;
保证金:0自动0自动;
背景图片:url(../Images/menub_bg.gif)repeat-x; /* tab背景图片路径*/
高度:46像素；
列表样式:无；
}
.glossymenu li {
float:left;
}
.glossymenu li a {
浮动:左；
显示:块；
颜色:#000;
文字修饰:无；
字体家族:sans-serif;
字体大小:13px；
font-weight:粗体;
padding:0 0 0 16px; /*填充以适应左侧标签图像.请勿更改*/
高度:46像素；
行高:46px;
文字对齐:居中；
光标:指针；
}
.glossymenu li a b {
浮动:左；
显示:块；
填充:0 24px 0 8px; /*菜单项的填充*/
}
.glossymenu li.current a，.glossymenu li a:hover {
颜色:#fff;
背景图片:url(../Images/menub_hover_left.gif)不重复； /*左标签图像路径*/
背景位置:左；
}
.glossymenu li.current a b，.glossymenu li a:hover b {
颜色:#fff;
背景图片:url(../Imagesmenub_hover_right.gif)不重复右上方； /*右标签图像路径*/
}

ASP.NET页面:

< tr align ="center">
< td>
< ul id ="countrytabs" class ="glossymenu">
< li>< a href =#" rel ="General"> General</a></li>
< li>< a href =#" rel ="Bill"> Bill</a></li>
< li>< a href =#" rel ="Reconsile"> Reconsile</a></li>
< li>< a href =#" rel ="FixedCharges">固定费用</a></li>
</ul>

提前谢谢.</td></tr>

Hi I have a tab menu on my asp.net page and I can''t get the menus to display the required images. Any help is much apreciated, my code:
CSS FILE:
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background-image: url(../Images/menub_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background-image: url(../Images/menub_hover_left.gif) no-repeat; /*left tab image path*/
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background-image: url(../Imagesmenub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

ASP.NET PAGE:

<tr align="center">
<td>
<ul id="countrytabs" class="glossymenu">
<li><a href="#" rel="General">General</a></li>
<li><a href="#" rel="Bill">Bill</a></li>
<li><a href="#" rel="Reconsile">Reconsile</a></li>
<li><a href="#" rel="FixedCharges">Fixed Charges</a></li>
</ul>

Thank you in advance.</td></tr>

推荐答案

也许您的路线不正确.这些图像是否在正确的目录中?还是您更改了它们的文件名?

Maybe your path is not right. Are these images on the correct directory? Or did you change their file-names?

尝试使用连字符.

url(''〜/Images/menub_bg.gif'')

http://www.daniweb.com/internet-marketing/search-engine-optimization/threads/35604 [ ^ ]

try with hyphen.

url(''~/Images/menub_bg.gif'')

http://www.daniweb.com/internet-marketing/search-engine-optimization/threads/35604[^]

这篇关于CSS不显示图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！