<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>demo</title>
    <link rel="stylesheet" href="">
    <style type="text/css">
        <!--
        .thumbnail{ position:relative; z-index:0; }
        .thumbnail:hover{ background-color:transparent; z-index:50; }
        .thumbnail span{ position:absolute; background-color:#FFFFE0; left:-1000px;border:1px dashed gray; visibility:hidden; color:#000; text-decoration:none; padding:5px; }
        .thumbnail span img{ border-width:0; padding:2px; }
        .thumbnail:hover span{ visibility:visible; top:10px; left:50px; }
        p{ margin-top:200px; }
    -->
</style>
</head>
<body>
    <a class="thumbnail" href="#">
        <img src="" width="50" height="50"><br>
        <span><img src="" width="250" height="250"></span>
    </a>
</body>
</html>

标签：CSS

你的评论