html - <li> 元素不可点击

Question

我有这个http://jsfiddle.net/wfhmtx8c/所以它在 jsfiddle 中有效？

#nav {
	width: 100%;
	float: left;
	margin: 0 0 3em 0;
	padding: 0;
	opacity: 0.8;
	list-style: none;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; }
#nav li {
	float: left; }
#nav li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #069;
	border-right: 1px solid #ccc; }
#nav li a:hover {
	color: #c00;
	background-color: #fff;
	border-bottom: black; }

<ul id="nav">
	<li><a href="#">Taal/Languague:</a></li>
	<li><a href="#">Nederlands</a></li>
	<li><a href="#">English</a></li>
	</ul>

但是当我把它放在我的网站上时:http://ub3rhd.nl它不起作用？

代码真的一样吗？

Answer 1

您的页面对我来说工作得很好。悬停时，它会改变颜色，单击它会将我重定向到#。

此外，包含文本的元素的不透明度也不是很吸引人。如果我是你，我会将不透明度恢复为 100%。语言也拼写错误。 (: 祝你好运!