ie9 css radio button mit image , checked Problem

[marcel-k]

Hallo zusammen,

ich habe im Internet Explorer das Problem dass der als Bild dargestellte Radio Button nicht auswählbar ist. Hover ist kein Problem, es tut was es soll ...

Eigentlich sind die Radiobuttons im stylesheet ausgeblendet:

visibility: hidden;

Ich lass sie aber wegen meiner gestellten Frage nun anzeigen ... Somit sieht man besser, dass Radio Buttons auswählbar sind ...

Jedoch möchte ich so wie es in den anderen Broswsern funktioniert, das der Radio Button checked ist, wenn man auf ein Bild klickt ...

Gibt es hier ein Fallback für den Internet Explorer? bin für jede Antwort dankbar ...

Code:

.gform_wrapper {margin:0 !important;}
.gform_heading {visibility:hidden;width:0px !important;height:0px;margin-bottom:0px !important;}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"], .gform_wrapper ul.gfield_radio li input[type="radio"] {
   visibility: hidden;}
h3.gf_progressbar_title {font-size: 1.113em;}
.gform_wrapper .gf_progressbar{padding:0px !important;}
.gform_wrapper .gf_progressbar_percentage {background:#ccbc8e !important;}

.gform_wrapper label.gfield_label {display:none !important;}

.gchoice_1_7_0, .gchoice_1_7_1, .gchoice_1_7_2 { width: 33%; float: left; }

.gchoice_1_8_0, .gchoice_1_8_1 { width: 50%; float: left; }

#label_1_7_0 img, #label_1_7_1 img, #label_1_7_2 img, #label_1_8_0 img, #label_1_8_1 img {
    opacity: 0.5;
   filter: alpha(opacity=50); /* For IE8 and earlier */
    border: solid 5px #fff;
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    -webkit-transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -o-transition: opacity 1s ease-in-out;
 transition: opacity 1s ease-in-out;
}
                                         
#label_1_7_0 img:hover, #label_1_7_1 img:hover, #label_1_7_2 img:hover, #label_1_8_0 img:hover, #label_1_8_1 img:hover {
    opacity: 1;
   filter: alpha(opacity=100); /* For IE8 and earlier */
    border: solid #ccc 5px;
}  

input[type=radio]:checked + #label_1_7_0 img, input[type=radio]:checked + #label_1_7_1 img,
input[type=radio]:checked + #label_1_7_2 img, input[type=radio]:checked + #label_1_8_0 img,
input[type=radio]:checked + #label_1_8_1 img {
    opacity: 1;
   filter: alpha(opacity=100); /* For IE8 and earlier */
    border: solid #ccc 5px;
}

.gform_wrapper .gform_page_footer {border-top:0 !important;}

Grüße

HIER GEHTS ZUR SEITE     / Es geht um das Kontaktformular , siehe Navigation