最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS样式控制图片裁切显示
时间：2008-01-26 编辑：简简单单 来源：一聚教程网
我们在论坛新闻系统的时候，其中的有些图片会比较大破坏了整体布局的美观，现通过CSS定义方式使图片进行裁切显示，即，当图片的容器不足以显示整个图片时，会以左上角为开始显示，不足显示的将会隐藏。相关各位同仁也有此想法。现有以下CSS样式，所以贴出来同各位WEB 开发者共享！
当然有人用img 的onload 事件对其宽高进行js控制，不过经招有时会因网页加载过快，或过慢而来不及执行，现向大家推荐代码如下，自行研究。
| 代码如下 | 复制代码 |
 |
|
说明：以上样式你可以自己定义，但要保留overflow:hidden;祝各位工作愉快！
-
上一个： 关于CSS的一小点心得
-
下一个： CSS手册简编：用户属性
相关文章
- 纯css实现鼠标经过图片上时，图片突出显示特效 05-06
- png透明图片在ie6正常显示的纯css解决办法 08-13
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26