link href仅适用于chrome

时间:2011-01-19 01:08:33

标签: html button hyperlink

我正在制作一个打开链接(网站)的按钮,但问题是它只适用于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>&nbsp;</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,我没有正确完成?? 还有什么可能是问题?

非常感谢!

1 个答案:

答案 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标准建议的。