CODEWITHSUNDEEP
jquerycssinternet-explorer-7overflow
user429620
user429620

Reputation:

Getting overflow:hidden to work in IE7

Anyone know how to get this to work in IE7?

The images are displayed side by side (due to overflow) instead of as a slider.

http://tympanus.net/Tutorials/PortfolioZoomSlider/

I tried setting overflow:hidden on the .thumb_wrapper but part of the next slide still shines through and covers the arrow.

Upvotes: 1

Views: 668

Answers (2)

Galled
Galled

Reputation: 4206

Try with:

.thumb_wrapper A.next, .thumb_wrapper A.prev{
    *display:block;
    *z-index:10000;
    *background-color:red;
    *top:15px;
    *background-position:left center;
    *height:100%;
    *width:40px;
}

.thumb_wrapper{
    *overflow:hidden;
}

at the end of all your styles.

Upvotes: 0

Hal
Hal

Reputation: 1009

Add position: relative; to your .thumb declaration in your style.css file. The IE7 layout engine won't enforce overflow: hidden; without some sort of position rule.

Upvotes: 4

Related Questions