我想给野生动物园提供不同的CSS。因为我的代码在chrome和Firefox中运行完美。但是它破坏了野生动物园的结构。因此,我想为野生动物园提供不同的样式表。
我已经尝试过了
button{
margin: 0px 10px 0px 0px /* Safari */;
margin: 0px 10px 0px 20px /* chrome */;
}
这只是一个例子,但是有很多事情,这些都破坏了野生动物园。
最佳答案
我同意rajveer mori,请尝试使用此代码
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<style type="text/css">audio {display: none;}</style>
</head>
<body>
<ul id="nav-two" class="nav">
<li>
<a href="#">Home</a>
<audio id="sound" controls preload="auto"><source src="http://soundbible.com/mp3/MP5_SMG-GunGuru-703432894.mp3" controls></source></audio>
</li>
<li><a href="#">About</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
<script>
$("#nav-two a")
.each(function(i) {
if (i != 0) {
$("#sound")
.clone()
.attr("id", "sound" + i)
.appendTo($(this).parent());
}
$(this).data("beep", i);
})
.mouseenter(function() {
$("#sound" + $(this).data("beep"))[0].play();
});
$("#sound").attr("id", "sound0");
</script>
</body>