響應式CSS標題|鼠標懸停圖片

Question

我想在鼠標懸停圖片上顯示標題 - 但在移動設備上，標題應位於圖片下方。有任何想法嗎？ http://jsfiddle.net/X8eCV/2/

@media (max-width:600px) { 

#caption 
{ 
display:block; 
} 

} 
#caption { 
position:relative; 
color:red; 
    } 
} 

Answer 1

添加position:relative到#image

@media screen and (max-width:600px) { 
    #caption { 
     position:relative; 
     color:red; 
    } 

    #image { 
     position:relative; 
    } 
} 

http://jsfiddle.net/dvdyakonov/X8eCV/11/

Answer 2

你的意思是這樣this之一：

@media (max-width:600px) { 
    #caption { 
     display:block; /* <-- */ 
     position:relative; 
     color:red; 
    } 
} 

好了，這是我會怎麼做：

http://jsfiddle.net/X8eCV/2/

Answer 3

http://jsfiddle.net/X8eCV/10/

@media screen and (max-width:600px) { 
#caption { 
    position:relative; 
top:200px; 
    color:red; 
    } 
    }