machen div ein Box-Element und lassen Sie es Test auf Hover zeigen

-6

Dies wurde wahrscheinlich schon gefragt, aber ich komme einfach nicht vorbei. Ich bin ein komplettes Noob in CSS, aber ich hoffe, Sie können mir helfen ..machen div ein Box-Element und lassen Sie es Test auf Hover zeigen

So möchte ich 14 "Element-Boxen (mit separaten Hintergrund etc)" und wenn ich schweben auf, es zeigt ein bisschen Text meine Problem ist, dass die div zeigt nur unter einem iframe-Objekt (die von oben nach unten ist)

http://pastebin.com/WmbPZ3AV

ich habe ein Bild gemacht, was ich schon habe und was ich will, so ihr könnt in der Lage sein, es zu verstehen, einfacher

https://gyazo.com/cbd9d293b05233aba331731bcbfa81a8 ich bereits gemacht 1 & 2. Ich hoffe, Sie können mir helfen, den dritten Teil zu erstellen :)

Quelle

2016-11-16 noob

Hallo und willkommen zu Stack Overflow. Wir schätzen Ihren Lerneifer, aber diese Frage lässt viel zu wünschen übrig. Helfen Sie uns, indem Sie einen Blick auf diesen Link werfen und zu uns zurückkehren, wenn Sie fertig sind :) http://www.wikihow.com/Ask-a-Question-on-Stack-Overflow – Kyle

Css Klassenname sollte mit einem Zeichen beginnen. Und verwenden Sie display : inline-block;, wenn Sie möchten, dass die Breite an die von Ihnen festgelegte Breite angepasst wird.

hier ist der Code Beispiel


 
<!DOCTYPE html> 
 
<html> 
 
    
 
    <head> 
 
     <meta charset="utf-8"> 
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
     <meta name="description" content="Mein Projekt zu Australien."> 
 
     <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> 
 
     <style> 
 
    
 
    html { 
 
    background: url(bg.jpg) no-repeat center center fixed; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
} 
 
      iframe { 
 
       float:left; 
 
       clear:left; 
 
      }  
 
      
 
      .test { 
 
       width: 150px; 
 
       height: 150px; 
 
       margin: auto; 
 
       border-spacing: 15px; 
 
       border-style: ridge; 
 
       float:left; 
 
      }  
 
    
 
.showme{ 
 
display: none; 
 
} 
 
.showhim:hover .showme{ 
 
display : inline-block; 
 
} 
 
    
 
.row:hover .select{ 
 
    display: block 
 
} 
 
    
 
.select{ 
 
    display: none; 
 
} 
 
    </style> 
 
    </head> 
 
    <body> 
 
<iframe src="links.html" width="200" height="1000px"></iframe> 
 
     <div class="test showhim">Hover me <div class="1 showme">Hi </div></div> </body> 
 
</html>

Sie haben mehr auf CSS und HTML zu graben.

Quelle

2016-11-16 15:53:53 jafarbtech

machen div ein Box-Element und lassen Sie es Test auf Hover zeigen

Antwort

Verwandte Themen