What's new

Closed Paano po pag overlapped tong elements na to

Status
Not open for further replies.

Netflix

Forum Veteran
Joined
Jul 12, 2016
Posts
1,825
Reaction
816
Points
883
Using bootstrap 4.1
gusto ko po kasi yung class na svg na sa behind sya ng mypicture,

naka container po ang body ko.
Code:
<div class="row"style=" padding-top: 10%;" >
        <div class="col-md-1-12 d mx-auto" >
         
                <div class="mypicture" alt="profile image"> 
         <div class="svg-1"></div>

</div>
              
        </div>
    </div>
CSS:
 .svg-1{
  
       position:absolute;
    background-image: url('images/images/dots.png');
    background-size: contain;
    width: 200px;
    height: 250px;
    background-repeat: no-repeat;
    ;
    z-index:-1 ;
    left:100px;

 

 
 
 
  }
.mypicture{
  
  
    position: relative;
    margin: auto;
    margin-top: 30px;
   /* background-image:url("images/profile/drops.jpg"); */
   background-size: 110%;
   background-position-y: -10px;
   background-position-x: -7px;
   background-repeat: no-repeat;
    border: 4px solid white;
    width:200px;
    height: 200px;
    border-radius: 100px;
  
    
    
}
Capture.PNG


gusto ko po yung dots ma bebehind sya nong circle

Di po kasi gumagana z-index e
Thanks po,
 

Attachments

Naka behind naman ang svg sa mypicture mo ts. White kasi puro ang color kaya di halata
Thanks boss, solved na po, di ko po kasi na halata e. border lng po kasi yang big circle akala ko po magiging opaque sya pag walang image na ililink.
 
Thanks boss, solved na po, di ko po kasi na halata e. border lng po kasi yang big circle akala ko po magiging opaque sya pag walang image na ililink.

Nice. Complicated din kasi set up mo ts. Kung mag ooverlap ako ng 2 images, di ko binabackground unless kung background talaga siya ng buong webpage. Instead sa html siya iniaatach via "img src" attribute para easy e manipulate.
 
Nice. Complicated din kasi set up mo ts. Kung mag ooverlap ako ng 2 images, di ko binabackground unless kung background talaga siya ng buong webpage. Instead sa html siya iniaatach via "img src" attribute para easy e manipulate.
Oo nga boss , okay naman po naka div. Salamat boss.
 
Status
Not open for further replies.

Similar threads

Back
Top