A website I work on has a partly transparent png image overlying parts of the website. The image is resized to 100% of the browser window width. In all other browsers the transparent parts behave normal – but safari shows a thin outline whee the image should be transparent.
I hope the screenshot makes the problem clear:
Now I'm wondering if this is this a bug – or a feature? And of course I would like to get rid of that zigzag line – so any suggestions and pointers are welcome. Thank you!
EDIT:
- Yes, I checked if the image has a grey line – but it does not.
- Also this problem anly appeared after I updated Safari to 11.0.2.
- And when modifying the img's width in dev tools first to the actual width (7000px) and then back to 100% the grey line disappears.
- Here is a link to the website where the problem appears.