javascript - 缩略图周围的灯箱 2 边框

Question

大家好，我现在正在尝试使用灯箱 2，一切正常。然而，我正在尝试 2 弄清楚的是如何获得像 http://lokeshdhakar.com/projects/lightbox2/ 这样的边框他们在示例中得到的那些会改变颜色。在这方面的任何帮助都会很棒。

html:

<div class = "image1">
<a href="images/image1.jpg" rel="lightbox[group]"><img src="images/image1t.jpg" /></a>
</div>

Answer 1

试试下面的代码

.image1 a {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
display: block;
float: left;
line-height: 1em;
margin-right: 40px;
padding: 7px;
transition: all 0.2s ease-out 0s;
}
.image1 a:hover {
background-color: #8AD459;
}