I want to use the Images Boxes with the Transition, but It doesnt seem to work on the IE.

http://blueowlcreative.com/wp/fortuna/image-box/

I mean the last ones.

Do you have any ideas? Thank you

Can you find this bit:

.pic_info.type6 .info_overlay

in your style.css file, then remove this below it:

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;

Then refresh after clearing up cache.

I tried to set the z-index of the overlay to 0 and on hover to 2. But it doesnt take the z-index on hover

Let’s replace the whole section then, find these 2 comments and replace whatever is in between with this (/* pic info type6 */ and /* pic info type6 :: END*/):

/* pic info type6 */
.padded_carousel .owl-carousel .owl-stage-outer {
	padding: 20px 0;
}

.pic_info_link_type6 {
	-webkit-perspective: 1600;
	-moz-perspective: 1600;
	perspective: 1600;
	display: block;
}
.pic_info.type6 {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
	overflow: visible;
}

a:hover.pic_info_link_type6 .pic_info.type6 .pic {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

a:hover .pic_info.type6 .info_overlay {
   	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	transform: rotateY(0);
}

.pic_info.type6 .pic {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	z-index: 2;
}

a .pic_info.type6 .info_overlay_padding {
	width: 100%;
	height: 100%;
}

.pic_info.type6 .info_overlay {	
	width: 100%;
	height: 100%;
    transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;	

	background: rgba(8, 173, 167, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

a .pic_info.type6 .plus_overlay_icon {
	background: url(images/icon_plus_white.png) 0 0 no-repeat;
	width: 13px;
	height: 13px;
	bottom: 9px;
	position: absolute;
	right: 9px;
	-webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
	-moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
	-o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
	-ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
	transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
}

a .pic_info.type6 .plus_overlay {
	border-bottom: 50px solid rgba(8, 173, 167, 0.9);
	border-left: 50px solid transparent;
	bottom: 0;
	height: 0;
	opacity: .95;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	-webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
	-moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
	-o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
	-ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92);
	transition: all 0.2s cubic-bezier(.63,.08,.35,.92);

	width: 0;
}

.pic_info.type6 .info_overlay .info_desc {
	position: absolute;
	top: 50%;
	margin-top: -46px;
	width: 100%;
	-webkit-transition: all 0.1s cubic-bezier(.63,.08,.35,.92);
	-moz-transition: all 0.1s cubic-bezier(.63,.08,.35,.92);
	-o-transition: all 0.1s cubic-bezier(.63,.08,.35,.92);
	-ms-transition: all 0.1s cubic-bezier(.63,.08,.35,.92);
	transition: all 0.1s cubic-bezier(.63,.08,.35,.92);
}

a .pic_info.type6 .img_overlay_icon {
	display: none;
}
a .pic_info.type6 .plus_overlay_icon {
	z-index: 100;
}

a .pic_info.type6 .portfolio_icon{
	display: inline-block;
	color: #fff;
	width: 36px;
	height: 36px;
	background-color: rgba(0,0,0,0.8);
	border-radius: 50%;
	
	-webkit-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92);
	-moz-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92);
	-o-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92);
	-ms-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92);
	transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92);		
}
.pic_info.type6 .info_overlay h3, .pic_info.type6 .info_overlay p {
	color: #fff;
}
/* pic info type6 :: END*/

It did for me, may I please see your URL?

http://www.asutec.eu/unternehmen/karriere/

Can you doublecheck if you updated your style.css? I just checked and the above changes are missing…