html - 自适应CSS标题|将鼠标悬停在图像上

我想在鼠标悬停在图像上方显示标题-但在移动设备上，标题应位于图像下方。有任何想法吗？ http://jsfiddle.net/X8eCV/2/

@media (max-width:600px) {

#caption
{
display:block;
}

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

最佳答案

将position:relative添加到#image

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

    #image {
        position:relative;
    }
}

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

关于html - 自适应CSS标题|将鼠标悬停在图像上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22640950/