Geek Answers Handbook

How to make IE7 and IE8 flag compatible? (using jQuery)

IE8 screenshot (error): enter image description here

Google Chrome Screenshot (how it should look): enter image description here

The current checkbox was created using CSS3, is there any way to make it compatible?

Checking the box We did in JSFiddle, this is part of the CSS3 technique, so the lower browser cannot display some of them, why. Please check the form on IE Tester (which you can download and test a lower version of IE if you are using Windows) and you will see what I mean.

http://www.fratelliristorante.com.au/contact.html

http://jsfiddle.net/E5CxM/2/

<p> <label></label> <input type="checkbox" id="checkbox" name="checkbox" class="regular-checkbox big-checkbox" value="Yes" checked="checked"> <label for="checkbox" style="margin-right:10px;"></label>Subscribe me to your mailing list for upcoming events, hot offers and deals </p>

Note. We also used Dropkick (jQuery), which selects only styles but does not check the box.

+4
source share
2 answers

The reason it does not work is because the old IE does not support :after .

I updated my HTML to use a hidden <span> to hold the checkmark, and adjusted the CSS to switch its visibility.

Updated script

+2
source 
 <!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> <![endif]-->

now create a css file called all-ie-only.css and put it in the lite version in IE because it was wrong. you can use them to create another text box.

0
source

More articles:


All Articles