October 21, 2024
Chicago 12, Melborne City, USA
CSS

Background-size cover not working as expected


The image is not filling the complete body. Here’s the css:

<body style="display: flex; justify-content: center; align-items: center; background-color: #f0f9fe; min-height: 100vh; width: 100%; height: 100%;
background-image: url('<%= image_path('bg-blurred-pk.png') %>'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center top;">

image not filling the screen

Tried to use background-size: 100% 100%, too.



You need to sign in to view this answers

Leave feedback about this

  • Quality
  • Price
  • Service

PROS

+
Add Field

CONS

+
Add Field
Choose Image
Choose Video