CSS Jquery Hint for slider and overflow: hidden

Pooya

I have designed a Slider that works perfectly (As you can see below)

Pizza slider

Now I'm gonna a beautiful fancy hint for each item in my slider that pops up with mouse hover and shows some information about the pizza. I created a pilot that works perfect.

Hint

The problem is since I had to make the slider overflow: hidden nothing can go over borders. I read a lot of articles and questions. Apparently the solution most be overflow-y: hidden but it doesn't work! Both overflow-x and overflow-y cut off all edges.

What is the best way to hide the wide slider and add popup hint to each item?

Dan1121

you can put the hint container outside your slider element, and make it absolutely positioned. you can position "hint" via jquery offset() of the clicked element.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Java

css absolute position animated with overflow hidden

From Dev

Jquery draggable outside of overflow hidden?

From Dev

CSS overflow hidden causing text alignment problems

From Dev

Pixelated edge around a CSS Circle with overflow: hidden;

From Dev

changing CSS overflow hidden behavior

From Dev

CSS: apply overflow:hidden to sibling

From Dev

Overflow hidden if text length increases jquery

From Dev

css overflow hidden cause border disappear

From Dev

Jquery, get position of element inside overflow:hidden

From Dev

CSS div Overflow hidden

From Dev

CSS wrapping text with overflow hidden div not working?

From Dev

CSS overflow hidden and absolute position

From Dev

css overflow:hidden with display:inline-block

From Dev

CSS overflow:hidden is not working

From Dev

CSS overflow: hidden cuts shadow

From Dev

css3 columns and overflow hidden

From Dev

jQuery Draggable Containment Overflow Hidden

From Dev

CSS overflow scrolling and hidden scrollbar (iOS)

From Dev

Jquery draggable outside of overflow hidden?

From Dev

CSS: apply overflow:hidden to sibling

From Dev

CSS3 zoom animation with overflow hidden

From Dev

Css - set overflow: hidden on container of floated elements

From Dev

Css overflow image hidden equally in both margins

From Dev

CSS - Can overflow-x be harmful if hidden?

From Dev

Hidden menu (jquery, css)

From Dev

CSS box-shadow VS overflow hidden

From Dev

CSS + JQUERY Slider Errors

From Dev

CSS overflow scrolling and hidden scrollbar (iOS)

From Dev

CSS overflow hidden and floating elements