Moved IE-specific CSS to a separate file; readme updated

This commit is contained in:
mourner 2011-02-27 02:08:09 +02:00
parent fc3a59ff10
commit 5f63b8dd82
6 changed files with 34 additions and 21 deletions

View File

@ -30,25 +30,23 @@ Controls:
Known issues to be fixed:
- some IE7/8 glitches
- touch zooming on Android is broken
- show scaled background until tiles are loaded even with animation disabled
## Browser support
On desktop:
- Firefox 3.6+ (Win/Mac)
- Chrome (Win)
- Safari 5 (Mac)
- IE 7/8/9 (full support)
- IE6 (accessible)
- Firefox 3.6+
- Chrome
- Safari 5
- IE 9
- IE 6-8 (not perfect but fully accessible)
On mobile:
- Safari for iOS 3/4+
- WebKit for Android 2.2+
- WebKit for Android 2.2+
## Leaflet developers

View File

@ -6,6 +6,8 @@
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../dist/leaflet.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="../dist/leaflet.ie.css" /><![endif]-->
<script type="text/javascript" src="include.js"></script>
<style type="text/css">

View File

@ -3,7 +3,9 @@
<head>
<title>Leaflet debug page</title>
<link rel="stylesheet" type="text/css" href="../dist/leaflet.css" />
<link rel="stylesheet" href="../dist/leaflet.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="../dist/leaflet.ie.css" /><![endif]-->
<script type="text/javascript" src="include.js"></script>
</head>
<body>

View File

@ -4,6 +4,8 @@
<title>Leaflet debug page</title>
<link rel="stylesheet" href="../dist/leaflet.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="../dist/leaflet.ie.css" /><![endif]-->
<script src="include.js"></script>
</head>
<body>

19
dist/leaflet.css vendored
View File

@ -73,36 +73,33 @@
margin: 19px;
}
.leaflet-popup-tip-container {
margin: -1px auto 0;
margin: 0 auto;
width: 40px;
height: 16px;
position: relative;
overflow: hidden;
}
.leaflet-popup-tip {
width: 16px;
height: 16px;
width: 15px;
height: 15px;
padding: 1px;
margin: -8px auto 0;
-moz-transform: rotate(45deg);
-moz-transform-origin: 0 0;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: 0 0;
-ms-transform: rotate(45deg);
-ms-transform-origin: 0 0;
margin-top: -12px;
margin-left: 20px;
}
.leaflet-popup-close-button {
position: absolute;
top: 9px;
right: 9px;
width: 8px;
height: 8px;
padding: 1px;
overflow: hidden;
}
.leaflet-popup-content p {
margin: 18px 0;

12
dist/leaflet.ie.css vendored Normal file
View File

@ -0,0 +1,12 @@
.leaflet-popup-tip {
width: 21px;
margin: 0 auto;
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
}
.leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
border: 1px solid #bbb;
}