有个效果没弄明白，请教高手_html/css_WEB-ITnose

        New Document                 ul li{   background: url("https://www.gxlcms.com/images/navbar.png") no-repeat scroll 100% 50% transparent;   float: left;   list-style: none outside none;   margin: 0 -1px 0 1px;}ul li a{   color: #C8DBE4;   text-decoration: none;   padding: 0px 10px;}ul li a:hover{   color: #FFFFFF;}          首页    注册    登录    帮助       

这是代码中的navbar.png图片


这里的虚线效果是怎么实现的呀？我试了一下，如果去掉navbar.png这个图片，就没有虚线了，为什么？

回复讨论(解决方案)

没什么不明白的，这站图片有 白色的点点竖线，然后通过背景图片位置更换到那个背景

        New Document                 ul li{   background: url("https://www.gxlcms.com/images/navbar.png") no-repeat scroll 100% 50% transparent;   float: left;   list-style: none outside none;   margin: 0 -1px 0 1px;}ul li a{   color: #C8DBE4;   text-decoration: none;   padding: 0px 10px;}ul li a:hover{   color: #FFFFFF;}          首页    注册    登录    帮助         

png支持透明背景。
不信你可以做一个简单的实验，建立一个背景为透明的PHOTOSHOP新文档，然后用白色画一根线，另存为PNG图像。用ACDSEE打开，图片是不是一片空白？但是你设置成 background: url("https://www.gxlcms.com/images/navbar.png") no-repeat scroll 100% 50% transparent; 的形式，白线还是白线，而不是一片空白。

图片是看不到样式的，不知道是我电脑问题，还是没有发好~~

白点不用图片也能做到吧

看了半天，你发的图片，右边有四个竖着排的白点，你好好看看
下载下来，打开放大看，在最右边上，中间地方，以它做背景了
你把图片去掉了，当然"虚线"就没有了

谢谢各位

查看更多关于有个效果没弄明白，请教高手_html/css_WEB-ITnose的详细内容...