日期:2014-05-16  浏览次数:20675 次

求一个简单的div+css示例
我想做一个小的div ,小div上面有一个大的div,大的div跟小的div一样宽,高度比小的高,鼠标放在小div上大div显示,覆盖小div。用javascript或css哪个实现都行。效果达到就可以。
div+css 鼠档悬停 javascript css

------解决方案--------------------
<!DOCTYPE html>
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            .xiao{
                border: solid 1px ;
                width: 100px;
                height: 100px;
            }
            .xiao>.da{
                background-color: #ccc;
                width: 100%;
                height: 200px;
                display: none;
                background-image: url(http://avatar.csdn.net/3/5/3/1_wangwang008.jpg);
                background-size: 100% 100%;
            }
            .xiao:hover>.da{
                display: block;
            }