0

I am using the following CSS code which works perfect with Chrome but not with IE browsers

.collapse{
 display:block;
}
.collapse + input[type="checkbox"]{
 display:none;
}
.collapse + input[type="checkbox"] + *{
 display:none;
}
.collapse + input[type="checkbox"]:checked + *{
 display:block;
}

Sample Code [Fiddle] (http://jsfiddle.net/Zr5Nf/)

Cœur
39k25 gold badges207 silver badges282 bronze badges
asked Feb 12, 2014 at 5:53
14
  • 2
    which version of IE you are trying to support Commented Feb 12, 2014 at 5:54
  • I tried both IE 10 and 11 Commented Feb 12, 2014 at 5:56
  • please provide some more code .... Use fiddle Commented Feb 12, 2014 at 5:56
  • 2
    Press F12 and go to the Emulation Tab (Ctrl+8). Make sure that the mode of your browser is Document mode: Edge(Default), Browser profile: Desktop, User agent string: Default Commented Feb 12, 2014 at 6:30
  • 1
    @Itay many thanks for your help, I just replaced the line <meta http-equiv="X-UA-Compatible" content="IE=8" /> with <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> Commented Feb 12, 2014 at 9:25

1 Answer 1

2

@Itay many thanks for your help, I just replaced the line <meta http-equiv="X-UA-Compatible" content="IE=8" /> with <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

answered Feb 12, 2014 at 9:26
Sign up to request clarification or add additional context in comments.

1 Comment

You're welcome. If you have published this piece of code earlier, we could have helped you faster :)

Your Answer

Draft saved
Draft discarded

Sign up or log in

Sign up using Google
Sign up using Email and Password

Post as a guest

Required, but never shown

Post as a guest

Required, but never shown

By clicking "Post Your Answer", you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.