Question

As the title suggests I’m having a few issues with twitter’s bootstrap carousel in IE7 and was hopping anyone could give me advice.

firstly I noticed the carousel doesn’t slide in IE7 and after some reading I realized twitter were using css3 transitions for the slide effect and IE doesn’t support this at all yet so I found a solution using jQuery animation that was written by “Barryvdh” from GitHub. here’s the link:

https://github.com/twitter/bootstrap/pull/3052/files

while this does solve the sliding issue, I am having now a different issue with IE 7… after the slide animation finishes all the images inside the slide disappear until I hover over one of the control arrows.

here I created a jsBin of the code so you could see the issue:
http://jsbin.com/ozaxib/1/edit

I would appreciate any help! thank you.

Answer 1

Barryvdh from github gave this answer for the issue:

You can fix that with this line of css:

.carousel .item {
  width: 100%;
}