日期:2014-05-17  浏览次数:20806 次

ul提纲符图片不显示的问题?
一个普通的折叠菜单,点击标题展开,再次点击关闭。
使用ul和li标签,类似这样:
ul.menu {
  list-style: none;
  border: none;
  text-align:left;
}
ul.menu li {
  margin: 0 0 0 0.5em;
}
li.expanded {
  list-style-type: none;
  list-style-image: url(expanded.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.collapsed {
  list-style-type: none;
  list-style-image: url(collapsed.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(leaf.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
但是发现有时图片不显示,本人解决方法如下:
不使用ul,替换成<a><img src=..../>文字</a>
还是发生了时而不显示的问题,以前做个菜单,不知这次的问什么会有这样的问题,请版上牛指点一二,谢了。

------解决方案--------------------
时而不显示说明了 加载图片是需要时间的 。。。

应该避免这种情况
------解决方案--------------------
将图片作为背景