html – 在svg上显示文本

概述你怎么看我尝试在svg上发布一个ul列表. 我用z-index尝试了一些东西,但它不起作用！ 我的HTML： <nav> <svg id="bigTriangleColor" style="z-index:-100;fill:rgb(0,0,255);" xmlns="http://www.w3.org/2000/svg" width="100%" height="100" viewBox="0 你怎么看我尝试在svg上发布一个ul列表.

我用z-index尝试了一些东西,但它不起作用！

我的HTML：

<nav> <svg ID="bigTrianglecolor"  xmlns="http://www.w3.org/2000/svg" wIDth="100%" height="100" vIEwBox="0 0 100 100" preserveAspectRatio="none">    <path d="M0 0 L50 100 L100 0 Z" /></svg>  <ul>   <li><a href="" title="Übersicht">Übersicht</a></li>   <li><a href="" title="Leute">Leute</a></li>   <li><a href="" title="links">links</a></li>  </ul> </nav>

CSS：

nav {background-color: rgb(14,131,205);}nav{    border-wIDth:1px 0;    List-style:none;    margin:0;    padding:0;    text-align:center;}nav li{    display:inline;}nav a{    display:inline-block;    padding:15px;    Font-size: 17px;    Font-family: 'Open Sans',sans-serif;    text-decoration:none;

谢谢你的帮助！

解决方法 我怀疑你必须使用定位.

JSFiddle Demo

nav{    border-wIDth:1px 0;    List-style:none;    margin:0;    padding:0;    text-align:center;    position:relative;    height:250px; /* or some other number */}nav ul {    position:absolute;    top:0;    wIDth:100%;}

总结

以上是内存溢出为你收集整理的html – 在svg上显示文本全部内容，希望文章能够帮你解决html – 在svg上显示文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。