是否遇到过这样的场景，一个图片上面写着文字，鼠标放上去，背景图片会放大，是不是很炫，如下代码轻松就能办到

<div class="main_banner" ><img src="~/images/h1.jpg"  /><span>为什么说10月24日是程序员的节日？</span></div>

.main_banner{width:100%; height:125px; overflow:hidden;  position:relative}
.main_banner img{ width:100%; height:125px; transition:all 0.5s; border-radius:5px;}
.main_banner img:hover {transform:scale(1.1);}
.main_banner span{ display:block; text-align:center; color:white; position:absolute; top:30%; padding:0px 40px; }

• 本文标题： 网页 设计之鼠标放在div上面背景图片放大
• 文章分类：【HTML/CSS】
• 非特殊说明，本文版权归【胡同里的砖头】个人博客 所有，转载请注明出处.

• 上一篇：JSON对象转数组
• 下一篇： PHP将数组转换成字符串，字符串转换成数组，互转