demonstrate how to round layer switcher corners with border-radius

2011-12-09 00:11:16 +01:00
parent 513dd16be3
commit 4f66373ae1
1 changed files with 10 additions and 0 deletions
--- 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;