href 标签在 Internet Explorer 中不起作用
a href tag is not working in internet explorer
我正在我的页面中使用 href 标签创建一个按钮,它在 chrome 中工作正常。但它在 Internet Explorer 中根本不起作用按钮的代码是
<td class='swMntTopMenu' style="text-align:right">
<button style="background-color:rgb(255,213,32)">
<a href ='list.php' style="text-decoration:none !important;">
<div class="link"> Back </div>
</a>
</td>
所用样式的代码是
.swMntTopMenu
{
background-color: #E2E4E5;
/* float: center;*/
width: 5%;
margin-top: 2px;
padding-bottom: 6px;
border-bottom: solid 1px #d0ccc9;
}
和
.link
{
color: #0E0202;
text-decoration: none;
background-color: none;
}
谁能帮我解决这个问题?
在较旧的 IE 中,当您将 div
放入其中时,应该有助于将 A
声明为块。
a {display: block}
正如我在评论中所说,您没有关闭 button
元素。此外,您不能在 button
元素中包含 a
。
将 a
样式设置为看起来像一个按钮 - 这是一个不错的 CSS button generator
或者将 button
放在表格中 - How to create an HTML button that acts like a link?
请尝试使用这种方式
<form action="list.php">
<input type="submit" value="Back">
</form>
希望这会有所帮助
<a href ='list.php' style="text-decoration:none !important;"><button style="background-color:rgb(255,213,32)"> <div class="link"> Back </div> </button></a>
我正在我的页面中使用 href 标签创建一个按钮,它在 chrome 中工作正常。但它在 Internet Explorer 中根本不起作用按钮的代码是
<td class='swMntTopMenu' style="text-align:right">
<button style="background-color:rgb(255,213,32)">
<a href ='list.php' style="text-decoration:none !important;">
<div class="link"> Back </div>
</a>
</td>
所用样式的代码是
.swMntTopMenu
{
background-color: #E2E4E5;
/* float: center;*/
width: 5%;
margin-top: 2px;
padding-bottom: 6px;
border-bottom: solid 1px #d0ccc9;
}
和
.link
{
color: #0E0202;
text-decoration: none;
background-color: none;
}
谁能帮我解决这个问题?
在较旧的 IE 中,当您将 div
放入其中时,应该有助于将 A
声明为块。
a {display: block}
正如我在评论中所说,您没有关闭 button
元素。此外,您不能在 button
元素中包含 a
。
将 a
样式设置为看起来像一个按钮 - 这是一个不错的 CSS button generator
或者将 button
放在表格中 - How to create an HTML button that acts like a link?
请尝试使用这种方式
<form action="list.php">
<input type="submit" value="Back">
</form>
希望这会有所帮助
<a href ='list.php' style="text-decoration:none !important;"><button style="background-color:rgb(255,213,32)"> <div class="link"> Back </div> </button></a>