css - jquery overlay wrong positioning -


I have a divisor (squares triggers) with images and it is in a single divide with div id container in the container division The positioning is set to relative which reveals the overlay in the right corner and when the image grows it will go out of the screen.

How can I fix this?

I have read this one, but this will not be a good solution for me, I can not take it out of the main div and I can not remove the relative positioning for the container device ->

I posted in the forum but did not get any help ->

This overlay element The relative position is out of the div.

Before implementing the overlay method, you can easily do this with jquery, e.g.

  & lt; Div style = "position: relative; top: -5px;" & gt; & Lt; A href = "#" square = "overlatiger" rel = "myOverlay" & gt; My Overlay Trigger & lt; / A & gt; & Lt; Div id = "myOverlay" & gt; Test 123 & lt; / Div & gt; & Lt; / Div & gt; & Lt; Script & gt; Each function () {var el = $ (this); Var target = el.attr ('rel'); $ (Target) ($ ("a [rel] .overlay tritter"). Ended to ('body'); L. Overlay ({target: target, top: "center", expose: {color: # 333 ', Load Speed: 200, Opacity: 0.9}})}});}); & Lt; / Script & gt;  

Comments

Popular posts from this blog

c# - How to capture HTTP packet with SharpPcap -

php - Multiple Select with Explode: only returns the word "Array" -

php - jQuery AJAX Post not working -