search

defold / defold.github.io

www.defold.com
Other
11 stars 15 forks source link

Bug: Frontpage image's blend mode not working in Safari on small screens #85

Closed mikatuo closed 1 year ago

mikatuo commented 1 year ago

On MacOs (Safari) or on iPhones (Safari) front-page image is not darkened when width is < 800 px. The white text could be less readable on lighter backgrounds.

Stackoverflow

Possible fixes:

  1. Darken the image in a photo editor
  2. Set text-shadow: 2px 2px 1px black, -2px 2px 1px black, -2px -2px 1px black, 2px -2px 1px black; or similar to improve readability
  3. Set background-repeat: no-repeat but then it doesn't look good too.
  4. Other?

https://github.com/defold/defold.github.io/assets/7230306/af8b9279-d1d8-48b4-8020-26a0080c527c

britzl commented 1 year ago

Thanks. I added a blurred drop-shadow. It should help with readability.