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

Trending Topics

Online now

Members online
413
Guests online
3,353
Total visitors
3,766

Forum statistics

Threads
2,306,488
Posts
29,172,127
Members
1,194,880
Latest member
cooln123
Back
Top