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

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -