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％。语言拼写错误。（：祝你好运！

Answer 2

它们似乎有效，但风格并不像jsfiddle那样。

编辑：他们现在看起来很好。

另外，正如另一位用户所说，菜单栏上的透明度看起来不太好。：）

<li>元素无法点击</li>

2 个答案: