You need to sign in to do that
Don't have an account?
sen19
Issue with position css
I am trying to insert 2 images one inside other. The UI looks like our social profile. One background image and profile picture in front left corner. With the below code images are got placed properly but other tags are not populating properly in UI. like record id is getting printed behind the Pic2 and i am not able to move it down or other place. pls help here.
<template>
<lightning-card> <div style="position:relative"> <img src={pic1} style="top: 0px; left: 0px;"> <img src={pic2} style="position:absolute;top: 90px; left: 20px; border-radius: 50%;"/> </div> <div style="top: 2000px;"> record id:{recordId} </lightning-card>
</template>
<template>
<lightning-card> <div style="position:relative"> <img src={pic1} style="top: 0px; left: 0px;"> <img src={pic2} style="position:absolute;top: 90px; left: 20px; border-radius: 50%;"/> </div> <div style="top: 2000px;"> record id:{recordId} </lightning-card>
</template>
Anudeep (Salesforce Developers)
Can you please post a screenshot showing the issue?