🔒 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
  • 385
    Views
  • 2
    Participants
Last reply from:
Netflix

Online now

Members online
1,115
Guests online
947
Total visitors
2,062

Forum statistics

Threads
2,277,021
Posts
28,973,765
Members
1,229,687
Latest member
gsby1440xd
Back
Top