当前位置:Gxlcms > html代码 > 有个效果没弄明白,请教高手_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:31人阅读

    New Document             
  • 首页
  • 注册
  • 登录
  • 帮助


这是代码中的navbar.png图片


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


回复讨论(解决方案)

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

    New Document             
  • 首页
  • 注册
  • 登录
  • 帮助

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

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

白点不用图片也能做到吧

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

谢谢各位

人气教程排行