我正在制作一个打开链接(网站)的按钮,但问题是它只适用于Chrome!为什么?? link here!
这里是简单的html代码>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>HTML and CSS Rounded Corner Button Generated By iWebToolsOnline.com</title>
<link href="./style.css" rel="stylesheet" type="text/css" />
<style href>a {text-decoration: none} </style>
</head>
<body>
<h3> </h3>
<button class="rounded">
<a href="http://www.iwebtoolsonline.com/rss-feed-icon-generator">
<span>Save</span>
</a>
</button>
<br/><br/>
</body>
</html>
CSS
button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 40px;
line-height: 40px;
width: auto;
}
button.rounded {
background: transparent url( btn_right.png ) no-repeat scroll right top;
clear: left;
font-family: "Kristen ITC";
font-size: 36px;
}
button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 40px;
line-height: 40px;
}
button.rounded span {
background: transparent url( btn_left.png ) no-repeat scroll left top;
color: #FFFFFF;
}
button.rounded:hover {
background-position: 100% -40px;
}
button.rounded:hover span {
background-position: 0% -40px;
}
button::-moz-focus-inner {
border: none;
}
你可以找到我用于链接按钮的生成器的链接我试图去,生成器没有给出链接的代码,所以我只是在按钮中使用了href,我没有正确完成?? 还有什么可能是问题?
非常感谢!
答案 0 :(得分:0)
这样做:
<a href="http://www.iwebtoolsonline.com/rss-feed-icon-generator">
<button class="rounded">Save</button>
</a>
但这不适用于IE6或7(您需要使用JS(JQuery示例)来模拟它):
$("a button").click(function() {
window.location.href = $(this).parent().attr("href");
});
但是仍然在Firefox中,它会调用两次该页面(可能与你无关)。有关于此的错误报告(https://bugzilla.mozilla.org/show_bug.cgi?id=577035)。
请记住,在“A”中包含“BUTTON”是违反W3C标准建议的。