[Assorted-commits] SF.net SVN: assorted:[1868] sandbox/trunk/src/web

SourceForge Headquarters 225 Broadway Suite 1600 San Diego, CA 92101 +1 (858) 422-6466

Revision: 1868
          http://sourceforge.net/p/assorted/svn/1868
Author:   yangzhang
Date:     2013-08-26 06:56:34 +0000 (Mon, 26 Aug 2013)
Log Message:
-----------
Add CSS z-index experiments

Added Paths:
-----------
    sandbox/trunk/src/web/css-z-index/
    sandbox/trunk/src/web/css-z-index/index.html

Added: sandbox/trunk/src/web/css-z-index/index.html
===================================================================

--- sandbox/trunk/src/web/css-z-index/index.html	                        (rev 0)
+++ sandbox/trunk/src/web/css-z-index/index.html	2013-08-26 06:56:34 UTC (rev 1868)
@@ -0,0 +1,50 @@
+<html>
+  <head>
+    <style>
+      .container {
+        position: relative;
+        width: 100px;
+        margin: 10px;
+      }
+      .down-arrow {
+        position: absolute;
+        top: 0;
+        right: 0;
+      }
+      .select {
+        border: 1px solid black;
+      }
+      .dropdown {
+        position: absolute;
+        background: gray;
+        width: 100px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class='container' style='z-index: 2'>
+      <div class='select'>Dropdown 1</div>
+      <div class='down-arrow'>v</div>
+      <div class='dropdown'>
+        <ul>
+          <li>Item 1</li>
+          <li>Item 2</li>
+          <li>Item 3</li>
+          <li>Item 4</li>
+        </ul>
+      </div>
+    </div>
+    <div class='container' style='z-index: 1'>
+      <div class='select'>Dropdown 2</div>
+      <div class='down-arrow'>v</div>
+      <div class='dropdown'>
+        <ul>
+          <li>Item 1</li>
+          <li>Item 2</li>
+          <li>Item 3</li>
+          <li>Item 4</li>
+        </ul>
+      </div>
+    </div>
+  </body>
+</html>

This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.



