[Vuejs]-Float transparent PNG over text

1๐Ÿ‘

โœ…

already has the logic โ€ฆ you just need to actually provide your img element as the last child inside that span. Your span will need to have css position:relative and your img needs css position:absolute;top:0;right:0; โ€ฆ you might need display:inline-block on your span

<span v-if="report_info.accepted && report_info.accepted_by !== null" 
  style="position:relative;display:inline-block;">
    {{ memberById(report_info.accepted_by).callsign }}
    <img style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
      width:100%;height:auto;" src="web path to img file"/>
</span>
๐Ÿ‘คTed Fitzpatrick

Leave a comment