Javascript Groovy按钮在IE中不起作用

Question

I've made buttons at the bottom of this page: http://www.constructionline.co.uk/static/acclaim/index.html

But they don't act as links in IE. I'm using IE 11. Can any one help?

Answer 1

An <input> with type=button won't work as you're expecing on it's own. The only reason it works in other browsers is that it's wrapped in an <a> . This isn't correct HTML and I believe IE's behaviour is correct, whereas other browsers are being a bit more flexible.

What you could do, is remove the <a> and add an onclick event to the <input> , like:

<input type="button" name="Benefits" class="groovybutton" value="Find out more benefits &gt;&gt;" onclick="location.href = 'acclaim/acclaimbenefits.html'" onmouseover="goLite(this.form.name,this.name)" onmouseout="goDim(this.form.name,this.name)" style="background-color: rgb(169, 34, 22); border-color: rgb(169, 34, 22);">

The problem then is that browsers without javascript support won't be able to follow the link.

Really, I don't think you need the <input> at all, you should be able to just do this:

<a href="acclaim/acclaimbenefits.html" class="ac-no-arrow">Find out more benefits &gt;&gt;</a>

Your goLite() and goDim() javascript could probably be replaced with CSS