用CSS3中的transfrom:scale{x,y}来放大，如下：
<style>
*{margin:0padding:0}
div{border:solid 1px #333width:40pxheight:40px}
div img{width:40pxheight:40pxtransition:all 0.3s}
div img:hover{transfrom:scale{2,2}}//从中心放大两部
</style>
<div><img src="图片地址" alt=""/></div>
扩展资料：注意事项
transfrom是利用线性代数来存放一个控件(或许是图片)的具体信息.(由于可以通过transfrom直接操作控件.所以肯定直接或者间接的存储着点的信息和控件的大小等信息)
1、移动.左移右移或者上移下移:
CGAffineTransformMakeTranslation(X偏移量, Y偏移量)
CGAffineTransformTranslate(在某个transform的基础上-一般为自身, X偏移量, Y偏移量)
2、改变大小(形变):
CGAffineTransformMakeScale(宽缩放的倍数, 高缩放的倍数)
CGAffineTransformScale(在某个transform的基础上-一般为自身, 宽缩放的倍数, 高缩放的倍数)
你说的应该是鼠标放到图片上然后图片自动放大 而不是宽 高的放大追问： 我希望的是一打开网页，背景不重复的覆盖整个body部分，不是四分之一的body。我是这个意思 回答： 你是要规定背景咯 追问： 在哪里规定，页面属性和CSS里面都找不到。我用的是Adobe Dreamweaver CS3 回答： body { background: url(booy.jpg) no-repeat fixed center top transparent} Dreamweaver只是编辑器 又不是代码库 追问： fixed center top transparent这几个前面加什么。我是初学者，而且英语不行 回答： fixed固定图片 center 居中 追问： 我的意思是前面加什么。就像no-repeat前面加background-repeat：，不是问什么意思。 回答： no-repeat 就是不重复图片 追问： 我知道no-repeat是不重复图片的意思，但是你就这么打在style也没用，前面要加一个background-repeat：，我的意思是fixed center top transparent这几个前面要加什么才会生效 回答： 你留下你QQ我稍后加你 追问： 942754361采纳哦
要实现鼠标放在block上以中心为原点进行放大，可以利用CSS3的transform和transition来实现CSS3的transform: scale()可以按比例放大或缩小block的功能。
