CODEWITHSUNDEEP
cssgoogle-chrome
Dan
Dan

Reputation: 1244

Chrome CSS behaviour vs other popular browsers

I'm really struggling to reconcile a specific behaviour of Chrome, compared to latest versions of Firefox and Safari on Mac and IE on PC.

Comparison screenshot showing the issue in Chrome at the bottom:

https://screencast.com/t/Tj07m3Q0fX9

Only relevant CSS applied to this including the clipping path.

.top1 {
background: none repeat scroll 0 0 #6dcff6;
display: inline-block;
margin: auto;
padding-bottom: 10px;
padding-top: 22px;
width: auto;
clip-path: polygon(0 100%, 0 0, 100% 0, 80% 100%);
}

When this site was launched everything was fine, which leads me to believe this may be a specific behaviour potentially introduced in an update. What is causing me an issue is all the code looks fine, it works well in most Mac browsers and IE on PC (not been able to test it on Chrome/Firefox on PC).

Grateful for any help!

Upvotes: 0

Views: 59

Answers (1)

Konstantinos Koletsas
Konstantinos Koletsas

Reputation: 239

On style.css:331 remove the following line

clip-path: polygon(0 100%, 0 0, 100% 0, 80% 100%);

Upvotes: 3

Related Questions