Css:- absolute with image

        <!DOCTYPE html> 
<html> 

<head> 
 <meta name="viewport" content="width=device-width, initial-scale=1"> 

 <style> 
  .abs_cls { 
   position: absolute; 
   font-size: 56px; 
   color: red; 
  } 
   
  img { 
   position: absolute; 
   z-index: -1; 
  } 
 </style> 
</head> 

<body> 

 <div class="abs_cls"> 
  Absolute class applied here. 
 </div> 

 <img src="natural.jpg"> 

</body> 

</html>


Used of:-

Absolute Position with image



    Absolute means the element is positioned relative to the first parent element (not static) ancestor element.
    The given element is displayed along with the image.


Css:- absolute with image Css:- absolute with image Reviewed by Network security on May 12, 2019 Rating: 5

No comments:

Useful Information

Powered by Blogger.