demonstrate how to round layer switcher corners with border-radius

kochizufan · Dec 8, 2011 · 4f66373 · 4f66373
1 parent 513dd16
commit 4f66373
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/examples/controls.html b/examples/controls.html
@@ -8,6 +8,16 @@
 
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="style.css" type="text/css">
+
+        <style>
+        /* round corners of layer switcher, and make it transparent */
+        .olControlLayerSwitcher .layersDiv {
+            border-radius: 10px 0 0 10px;
+            opacity: 0.75;
+            filter: alpha(opacity=75);
+        }
+        </style>
+
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var map;