@Cellcote Please confirm that you're using Bootstrap v3.3.5.
X-Ref: #11186

I just upgraded to Bootstrap v3.3.5 and this issue is still happening.

@Cellcote Please post a JS Bin or JS Fiddle that demonstrates the problem.

Nevermind, confirmed using http://getbootstrap.com/examples/carousel/

A jsfiddle is here

Inspired by the issue linked, i managed to fix this by adding the following css:

a.carousel-control {
        background-color: rgba(0,0,0,0);
}

This solution works in IE9, but does not work in IE8

Hi @Cellcote!

You appear to have posted a live example (https://fiddle.jshell.net/DTcHh/9789/show/light/), which is always a good first step. However, according to Bootlint, your example has some Bootstrap usage errors, which might potentially be causing your issue:

• line 15, column 7: W013: Bootstrap version might be outdated. Latest version is at least 3.3.4 ; saw what appears to be usage of Bootstrap 3.0.0

You'll need to fix these errors and post a revised example before we can proceed further.
Thanks!

(Please note that this is a fully automated comment.)

Relevant docs: https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer

We can fix the IE9 part, but calling IE8 a won't fix since the suggested fixes in the linked MDN document for IE8 reference nuking the opacity as the only way. That kind of defeats the point though—if it's invisible, there's literally nothing to click on 😁.