我想知道为什么在本地运行时，jsfiddle的link无法正常工作？
我复制了代码以在本地进行测试。
<html>
<head>
<script type="text/css">
.btn {
display: block;
width: 68px;
height: 22px;
padding-top: 70px;
font-weight: bold;
float: left;
padding-right:30px;
text-align:center;
}
.btn {
background: url("http://www.aidancotter.com/images/face.png") no-repeat -5px 0px;
}
.btn:hover {
background-position: -5px -120px;
}
.menu ul li {
list-style:none;
}
.menu {
display: inline;
float: left;
padding-right:30px;
padding:20px 0 0 20px;
}
a {
text-decoration:none;
color:#000;
}
.menu ul li ul {
display:none;
background:#78a802;
position:absolute;
width:200px;
color:#fff;
margin-top:90px;
}
.menu ul li:hover ul {
display:block;
padding:15px;
line-height:30px;
}
.menu ul li a:hover {
color:#fff;
}
.menu ul li:hover .btn {
background-position: -5px -120px;
}
</script>
<title>Image Hover Test</title>
</head>
<body>
<div class="menu">
<ul>
<li>
<div class="btn">HOVER</div>
<ul>
<li><a href="#">Menu Item</a>
</li>
<li><a href="#">Menu Item</a>
</li>
</ul>
</li>
</ul>
</div>
</body>
<html>
有人可以告诉我怎么了吗？ :(似乎无法弄清楚，我完全照原样复制了代码以对其进行测试和研究。
最佳答案
<script type="text/css"></script>
应该<style type="text/css"></style>
CSS Style-sheets
关于html - 从jsfiddle在本地测试html/css图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18150595/