🔒 Closed Paano po pag overlapped tong elements na to

Status
Not open for further replies.

Netflix

Forum Veteran
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.webp

gusto ko po yung dots ma bebehind sya nong circle

Di po kasi gumagana z-index e
Thanks po,
 
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.

About this Thread

  • 4
    Replies
  • 391
    Views
  • 2
    Participants
Last reply from:
Netflix

Trending Topics

Online now

Members online
382
Guests online
1,168
Total visitors
1,550

Forum statistics

Threads
2,292,336
Posts
29,076,106
Members
1,210,292
Latest member
lricaoliverA142
Back
Top