From 75cbb52dbd0dcdf6aa1fecf832107507eb1b15bb Mon Sep 17 00:00:00 2001
From: Jose Alejandro Jimenez Rosa <ja.jimenezrosa@gmail.com>
Date: Wed, 3 Jul 2019 20:48:03 -0400
Subject: [PATCH] Add Css Coding Dropdowns examples.... (#28739)

---
 guide/spanish/css/z-index/index.md | 31 +++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/guide/spanish/css/z-index/index.md b/guide/spanish/css/z-index/index.md
index 0523048afc..12dd4b83e8 100644
--- a/guide/spanish/css/z-index/index.md
+++ b/guide/spanish/css/z-index/index.md
@@ -98,4 +98,33 @@ Utilice Z Index si necesita colocar un elemento de fondo debajo de un contenedor
 
 [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS _Posicionamiento / comprensión_ z\_index](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index)
 
-[https://philipwalton.com/articles/what-no-one-told-you-about-z-index/](https://philipwalton.com/articles/what-no-one-told-you-about-z-index/)
\ No newline at end of file
+[https://philipwalton.com/articles/what-no-one-told-you-about-z-index/](https://philipwalton.com/articles/what-no-one-told-you-about-z-index/)
+
+
+<style>
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #f9f9f9;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    padding: 12px 16px;
+    z-index: 1;
+}
+
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+</style>
+
+<div class="dropdown">
+  <span>Mouse over me</span>
+  <div class="dropdown-content">
+    <p>Hello World!</p>
+  </div>
+</div>