The properties -moz-border-radius and -webkit-border-radius (as border-
radius when finished) are only applicable to such elements that are
built by the browser itself, for instance borders that are defined
using CSS:
border: 1px solid #000;
-moz-border-radius: 10px;
This would be a border built by the browser and therefore rounded.
These properties are not applicable directly to pictures or map tiles,
because that would mean that the browser has to change the pictures or
map tiles permanently.
On Nov 6, 11:10 am, cdaaawg <[EMAIL PROTECTED]> wrote:
> I am developing a google maps app on ubuntu 8.04 with firefox 3.0.3. I
> cannot get the map to show with rounded corners using css. As the page
> loads, I can see the div formed with rounded corners, but when the map
> loads, the tile's square corners jut out past the rounded corners of
> the div. Any ideas? I have not tested on any other platform/browser
> combo as yet. Here is my css code:
>
> #map_canvas {
> height: 100%;
> width: 70%;
> float: left;
> border-radius: 10px;
> -moz-border-radius: 10px;
> -webkit-border-radius: 10px;
> border: 2px solid red;
> margin: 0;
> padding: 0;
> }
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
