a标签鼠标划过为什么内容会动一下,a标签里包裹一张图片,鼠标划过图片就抖动一下
应该是因为你hover的时候多了border的大小,以至于整个元素的高度比原来多了2px,没猜错的话,你的是上下抖动。可以在原来就加上border,border-color设置为全透明,那样就不会动了,或者也可以试下,box-size:border-c..什么
我是特意加上的boder,颜色写成透明的不就没有作用了吗,而且box-size是css3的有兼容性,我这里不适用
@以后。h: 是说在一开始就加上border,设置为透明,在hover的时候单单加border-color:xx,这样的效果是一样的,但前后的元素的大小没有变化。
@unidl: 奥,我可以试试,谢谢
你看一下a标签中的css是怎么写的
.hzCenter ul li a{
width: 225px;
}
.hzCenter a {
display: inline-block;
margin: 14px 14px 14px 0;
padding: 20px 0;
background: #fff;
text-align: center;
width: 227px;
/*height:90px;*/
}
.hzCenter a img {
/* width: 100%;*/
}
.hzCenter a:hover {
border: 1px solid #9bd0fb;
}