懂css的帮我看看这个图，谢谢!_html/css_WEB-ITnose

我做了一个按钮放在导航菜单上，按钮是透明的，可是如图红圈处出现了错误！

1.我用的浏览器都出现这个问题，IE、MATHON遨游、firefox都这样
2.用PS做的按钮，格式有两个png格式的和gif格式的，两个都会出现这个问题
3.用滑动门实现的，但我是有css基础的，我自认为自己不是在css知识上出错

这个是不是bug,还是什么导致的？有什么解决办法，thankyou!

回复讨论(解决方案)

那是图片的事吧？角没去掉吧

看看是不是你图片的问题？

这个应该是图片问题吧

图片背景没有去掉 这个我肯定

圆角幅度大的应该用左右两张图片，你用一张图片就会出现这种情况

那是图片的事吧？角没去掉吧

不是图片的问题，图片就是一个做好的效果圆角，并没有出现红圈圈的错误

图片没切割好

图片背景没有去掉 这个我肯定

背景去掉了，留下就是透明部分了

图片没有问题

问题如图!

自适应按钮，把样式发上来吧

图片没有问题
哎，都告诉你用两张图片，不要用一张图片，左边的图片宽度小点。
出现这种情况是因为你用了两次图片背景，右边边框不透明是因为外层的背景，内层的背景是透明的。

如果你用一张图片，无法控制外层背景图片的宽度。

ok

好航条的CSS:

#menu{
background:url(../images/menu.jpg) no-repeat 0 0;
width:1000px;
height:40px;
text-align:center;
padding-left:15px;
}
#menu li{
float:left;
margin:0 50px;
}
#menu li a{
display:block;
text-decoration:none;
color:white;
vertical-align:middle;
line-height:40px;
}
#menu li a:hover{
background:url(../images/menu_hover.gif) no-repeat top left;
vertical-align:middle;
padding:0 0 0 10px;
margin:-10px;
color:#333;
margin-top:5px;
}
#menu li a:hover strong{
display:block;
background:url(../images/menu_hover.gif) no-repeat top right;
line-height:30px;
vertical-align:middle;
padding:0 10px 0 0;
margin-top:5px;
}

ie6 不支持png透明背景

不是ie6，但出现了这些问题，而且多个浏览器出现这种状况

#menu li a:hover{background:url(../images/menu_hover.gif) left 0; color:#fff; text-decoration:none; line-height:30px; height:30px; float:left}

#menu li a:hover strong{background:url(../images/menu_hover.gif) right 0; padding-right:10px; margin-left:10px; float:left; height:30px}

方式是这样，剩下自己调

#menu li a:hover{background:url(../images/menu_hover.gif) left 0; color:#fff; text-decoration:none; line-height:30px; height:30px; float:left}

#menu li a:hover strong{background:url(../images/men……

没有效果，应该不是css问题

直接在这样就能看到效果

a{background:url(../images/menu_hover.gif) left 0; color:#fff; text-decoration:none; line-height:30px; height:30px; float:left}

a strong{background:url(../images/menu_hover.gif) right 0; padding-right:10px; margin-left:10px; float:left; height:30px}

测试

直接在这样就能看到效果

a{background:url(../images/menu_hover.gif) left 0; color:#fff; text-decoration:none; line-height:30px; height:30px; float:left}

a strong{background:url(../images/menu_hover.gif) rig……

照你的改了，但是没有效果，不是css问题

是不是以前有图片，图片没改成新的？
可以看看文件夹下是不是真有这事

明显图片长度就不一样

明显图片长度就不一样

还是原来的图片，并不是改成新的问题，究竟出现这个问题是不是bug?

刚才研究了一下，自适应圆角按钮的背景图是要有背景色才能生效，左边的角可以没有背景色但右边一定要有

清一下历史记录试试呢？我咋感觉你下面发的单独的图片比实际效果图要宽许多呢？

清一下历史记录试试呢？我咋感觉你下面发的单独的图片比实际效果图要宽许多呢？
无效啊，哎！

算了，亲们帮我解决这个问题我帮分数给你们


javascript中如何改变全局变量值?