使用CSS设计站点地图树

时间:2011-01-10 12:43:46

标签: html css

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

<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>

2 个答案:

答案 0 :(得分:0)

尝试

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

代替。那是你想要的吗?

答案 1 :(得分:0)

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