长沙Web前端培训学员感言：为了明天的生活奋斗！
在来长沙Web前端培训之前，我最喜欢的一段话是这么说的：我们今天的生活由昨天的选择决定的，我们今天的选择决定我们明天的生活。所以，少年，为了明天的生活，奋斗吧！
下面是在长沙Web前端培训的学习心得，最近写静态页面遇到的一些问题以及解决方法：
div的hover显示边框图片会向右下方移动的问题 。现在的网页上经常会需要把鼠标移动到图片上图片显示边框的效果，但是因为标准盒模型下div的margin，border,padding,content是向外渲染的，所以当鼠标移动到图片上方时，想要在本来没有边框的图片上显示边框，很正常的就会出现边框显示后图片被挤下来了。
要解决这个问题可以有两种方法。 第一种方法是对图片一开始便设置一个与背景颜色相同的边框，这样在hover效果的时候，只需要改变图片的颜色即可。这样用户在使用的时候就不会感觉突兀，不舒服了。
第二种方法就是在第一个放至图片的div上方再放置一个div2，div2的大小设置为第一个div不加边框的宽度，并利用position将第二个div的z-index设置为2，给第二个div设置一个hover效果，这样用户在将鼠标移动到图片上时，div2就会显示边框，但因为div2加上边框之后的宽度正好等于第一个div，就会看起来正好是边框压在了第一个div上，用户体验就会看起来比较舒服。
猜你喜欢LIKE
最新文章NEW
相关推荐HOT
更多>>热门推荐
千锋学员感言：别人家的00后正在上学，我已经月薪过万！
沸长沙Web前端培训学员感言：为了明天的生活奋斗！
热长沙HTML5培训学员心得：掌握难点才能进步
热千锋长沙HTML5培训学员感言：深入学习前端使我快乐！
新千锋长沙HTML5培训学员感言：紧凑的学习让人进步！
长沙Web前端培训学员感言：认识不足才能改变自己
千锋长沙Java培训学员心得：学习新事物的快乐！
千锋长沙HTML5培训学员感言：专业的老师让我成长！
长沙HTML5培训学员感言：关于前端学习的一些方法
长沙HTML5培训学员感言：这是一次重生的机会！
长沙Java培训班千锋学员感言：编程就要学好学扎实！
千锋长沙前端培训机构学员心得：学技术拿高薪！
长沙HTML5培训千锋学员感言：有苦有乐！
长沙HTML5培训学员一阶段知识点心得
京公网安备 11010802030320号