Include SVG file as <input> background - HTML CSS SVG

HTML CSS examples for SVG:Image

  1. HOME
  2. HTML CSS
  3. SVG
  4. Image

Description

Include SVG file as <input> background

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta charset="utf-8"> 
  <style type="text/css">

span { position: absolute; }
span.svg { z-index: -1; }


      </style> 
 </head> <!--   w  ww . j a  v a2  s  .  co  m-->
 <body> 
  <h2>Red Circle via SVG</h2> 
  <div> 
   <span> <p>this is a test test.</p> </span> 
  </div> 
  <div> 
   <span class="svg"> 
    <svg id="svgelem" height="100" xmlns="http://www.w3.org/2000/svg"> 
     <circle id="redcircle" cx="50" cy="50" r="50" fill="red" /> 
    </svg> </span> 
  </div>  
 </body>
</html>

Related Tutorials