Geek Answers Handbook

Can I make an anchor tag overlay another anchor tag?

I am using the Bootstrap 3 carousel, and the control of the carousel on the right side is superimposed on some paragraphs. This is usually not a problem. However, several slides have links in them, and I would like the user to still be able to click them.

Is it possible to set the z-index of anchor tags (and only anchor tags) in paragraphs so that they are “higher” on the page than the carousel control?

Download with sample code: http://www.bootply.com/6rOo9TcCNF

Thanks!

+5
source share
2 answers

I think you'd better just reduce the width of the carousel-control to something like 35px and give the slides a bit of extra padding so that the content is 35px .

or

Another alternative would be to give your slide links a high z-index and try it so that they overlap the carousel-control , but this might cause some problems.

+2
source

Instead of changing the position of the carousel control icons, just change the width of your carousel control to the width of the icons, and this should fix your problem. So first remove:

 .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right:15%; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left:15%;

Then add; } .carousel-control {width:30px!important;} Here's the new bootply http://www.bootply.com/EMilPfoDoK

+1
source

More articles:


All Articles