diff --git a/examples/zoom.html b/examples/zoom.html
index 1e197dff80..e5a579e11e 100644
--- a/examples/zoom.html
+++ b/examples/zoom.html
@@ -15,7 +15,7 @@
- Zoom Links Example
+ Zoom Control Example
zoom control
Shows how to use a simple zoom control.
diff --git a/theme/default/style.css b/theme/default/style.css
index 8d7a410a12..aa0a2c6bb6 100644
--- a/theme/default/style.css
+++ b/theme/default/style.css
@@ -445,14 +445,19 @@ div.olControlZoom a {
text-decoration: none;
text-align: center;
height: 22px;
+ width: 15px;
line-height: 22px;
- background-color: #4d4d4d; /* fallback for IE */
- background-color: rgba(0, 0, 0, 0.3);
- border: 1px solid rgba(255, 255, 255, 0.6);
+ background: #666666; /* fallback for IE - IE6 requires background shorthand*/
+ background: rgba(0, 0, 0, 0.3);
+ border: 1px solid;
+ border-color: #ffffff; /* fallback for IE */
+ border-color: rgba(255, 255, 255, 0.6);
+ filter: alpha(opacity=60);
}
div.olControlZoom a:hover {
- background-color: #7f7f7f; /* fallback for IE */
- background-color: rgba(0, 0, 0, 0.5);
+ background: #444444; /* fallback for IE */
+ background: rgba(0, 0, 0, 0.5);
+ filter: alpha(opacity=80);
}
a.olControlZoomIn {
border-radius: 5px 5px 0 0;