I am in the process of building a site and have been primarily building it on my MacBook Pro. I also have an iMac and when I view the site on there, it looks and behaves differently. This is kinda hard to explain.
I am using the slanted borders on the bottom of colour sections. On the MBP they appear be behind the elements on the page and in front of the colour section background colour, but on the iMac, they appear in front.
This is a screen sample of the same part of the page on both computers. The MBP has a bright orange bottom border, on the iMac the orange border appears behind the section colour, thus making it a darker colour.
MBP
iMac
In another example, the video on this page appears in front of the bottom border and on the iMac, it appears behind.
MBP
iMac
Does anyone have any idea what’s going on here, please?
Any initial thoughts on this?
It seems to me that on my iMac and section overlays are ON TOP of the section border, whereas the on my MBP the overlays are UNDERNEATH the sections borders.
I’d be really keen to know if anyone would know why this might be happening?