css - Border-radius on mapbox in safari -
i using angular directive mapbox (http://tombatossals.github.io/angular-leaflet-directive/#!/examples/simple-map) , trying border-radius 10px works in chrome , firefox on safari isn't working.
this css using (for reason works opacity: .99
on chrome/firefox)
.angular-mapbox-map{ opacity: .99; border-radius: 10px; }
does know going on or how resolve this. can play mapbox element in link above using chrome dev tools or equivalent.
i found solution here how make css3 rounded corners hide overflow in chrome/opera using:
-webkit-mask-image: url(data:image/png;base64,ivborw0kggoaaaansuheugaaaaeaaaabcaiaaacqd1peaaaagxrfwhrtb2z0d2fyzqbbzg9izsbjbwfnzvjlywr5ccllpaaaaa5jrefuenpiygbgaagwaaaeaagba+ojaaaaaelftksuqmcc);
Comments
Post a Comment