body {

    padding: 20px;

}

​

img {

    width: 220px;

    height: 150px;

    cursor: pointer;

}

​

p {

    position: relative;

    font: 18px/2 sans-serif;

}

​

p[popTitle]:hover::before {

    content: attr(popTitle);

    position: absolute;

    bottom: -20px;

    left: 10px;

    font-size: 12px;

    background: linear-gradient(#fff, #eee);

    padding: 2px 6px;

    z-index: 10;

    color: #333;

    border: 1px solid #666;

    border-radius: 5px;

    box-shadow: 1px 1px 1px 1px #999;

}