css中两张图片重叠出现黑色边框

html-css019

css中两张图片重叠出现黑色边框,第1张

这是因为右边的图片边框压住了左边的图片边框。

边框值设置的是1px,margin-left:-1,向左移动1px就可以了。

如果盒子都没有加定位,可以鼠标悬浮时,给盒子加上相对定位relative属性。因为相对定位的盒子会压住普通盒子,位置没有设置偏移量的话就不会动。

这个问题很简单

把CSS中的a

换成是img

html不变

#menu{width:120px

height:120px}

#menu

img,#menu

img:visited{border:1px

solid

#FFFFFF}

#menu

img:hover{border:#000000

1px

solid}

这样就OK了

经过测试没问题

有其他问题请联系我