使用CSS设计站点地图树

我有简单的站点地图树，我想像样例（http://www.csshook.com/cssexamples/how-to-design-css-sitemap-tree）中的样式，问题是此示例需要使用相同的颜色作为背景，但我的元素sitemap-container具有背景图像。如何在该示例中设置网站地图树的样式，以便我不必使用单一颜色背景？我不想为此使用任何JavaScript，因为这不是必需的。使用CSS设计站点地图树

<div class="sitemap-container"> 
    <ul> 
     <li>Page</li> 
     <li>Page</li> 
     <li>Page 
      <ul> 
       <li>Page</li> 
       <li>Page</li> 
       <li>Page</li> 
      </ul> 
     </li> 
    </ul> 
</div>

来源

2011-01-10 newbie

我不明白该示例中的样式如何强制您使用任何背景色？确保您的图像（“连接线”图像）具有透明背景，并且您应该可以对容器元素的背景执行任何您想要的操作。 - 或者我以某种方式误解了你？ – polarblau 2011-01-10 12:48:29

尝试

ul.tree li:last-child { background: transparent url(lastnode.png) no-repeat; }

代替。那是你想要的吗？

来源

2011-01-10 12:58:05 polarblau

另请注意，该特定样式需要使用图像来“绘制”树的连接线。你必须确保你用透明背景重新创建这些图像，以便列表项前面的树链接也显示你的背景。

来源

2011-01-10 13:59:18 Alain

使用CSS设计站点地图树

回答

相关问题