html - why is the text appearing above an image with a high z-index -


If you pass your mouse over the image on the jsfiddle, it does not overlap the text around it is.

Beautiful silent question, but I am very confused, can someone help me?

In the image it is CSS:

  .img {height: 30px; -webkit- Transition-duration: 0.5s; Transition-duration: 0.5s; Margin-bottom: 0px; Margin-right: 0px; Z-index: 100000000,} .img: hover {height: 300px; Margin-bottom: -270px; Margin-right: -270px; }  

z- index to be applied only in the event Elements can be It is a fiddle with an image that once fully deployed to cover all the text: position: relative or Status: Fixed using Z-index .

  .img {status: complete; }  

Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -