需要汉堡移动菜单图标而不是文本

【问题标题】：Need hamburger mobile menu icon instead of text需要汉堡移动菜单图标而不是文本
【发布时间】：2018-04-29 02:08:31
【问题描述】：

大家好，我想设置汉堡图标而不是文本。我可以设置背景图片但没有出现文本。以下是我的代码

  #mobileMenuLink ul li { background:url('https://static1.squarespace.com/static/5adfd10929711421a9b29d21/t/5ae49f061ae6cfa83d2ba0ad/1524933475120/images.png?format=100w')    no-repeat; }
     }

【问题讨论】：

我不太清楚您的问题是什么，但是对于该图标，您可以使用 ☰ Unicode 字符或使用 CSS - w3schools.com/howto/howto_css_menu_icon.asp

标签： html css mobile icons

【解决方案1】：

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
    width: 35px;
    height: 5px;
    background-color: black;
    margin: 6px 0;
}
</style>
</head>
<body>

<p>A menu icon:</p>

<div></div>
<div></div>
<div></div>

</body>
</html>

【讨论】：

我知道这段代码..但问题是菜单文本不会消失。所以我使用了技巧..我添加了新的链接与 jquery 然后将其作为第一个孩子和原来的第二个孩子..并隐藏第二个菜单文本链接。现在汉堡移动菜单图标工作正常。