怎样在css中改变图片格式和形状

html-css022

怎样在css中改变图片格式和形状,第1张

图片格式代表的是一种资源类型,css是用来修饰网页展现的

css可以通过对控制对图片的宽高或者外层容器的宽高来改变图片大小或者显示部分

在css3中图片是可以修饰容器边框的,这也是改变图片的一种形式

图片可以作为容器背景,控制背景的显示方式来改变图片的形状拉伸、收缩、平铺等

css3中引入了2d、3d转换动画也是图片形状改变的一种展现

当然更多的形状变化方式题主可以参考css手册进行以上基础的进一步扩展

背景无法撑开窗口的。你需要给他个宽度与高度。记给个浮动或都display:block。光在撑不开。让文字消失方法很多JS可以。CSS也可以。JS直接把innerHTML就是了。CSS方法也多。通过行高与PADDING与高度的结合可以。如果背景色单一。可以修改字体颜色。

你可能是这样的要求,长高自适应,也就是说一个图片要放到一个指定大小的容器中,保持图片的长高比例,若长超过容器则以长为准,若高超过容器则以高为准.

这是一个长期争议的问题.我提供你思路.第一步用图片预读到浏览器中,用javascript计算其长高比,与容器的长高比相比较,若是长超出,该会大于容的长高比,这时可以将图片的长设为容器的长,将宽按图片原比例算出.当然,后一部分的谁都会用javascript,关键在于对图片的预读的问题,有人建议用一个隐藏的图片,先将其显示(当然看不到),用JS去得到其长宽.然后进行处理.别一种办法就是使用滤镜将其读出.当然滤镜在IE类的浏览器中支持比较好,所经还要考虑浏览器的兼容性.还有用javascript进行直接的预装入等各种方法!

等等这种情况若是适合你,可以发信息给我.

//////-----------------------------

我同意你的观点,我也说过用JAVASCRIPT起家行直接读入就是这种的方法,但这种方式实现还有一点小的问题,就是防止onload加载参数过多时必须要考虑的.可以完成,但对于整体页面上考虑,还是哪种合适使用哪种.以前我也是这样写过代码的,但对于页面图片过多过大时加载时间长而几乎不再用这种方式了!呵呵,但是这也是可行的!而滤镜的装入比较快,不适合跨浏览器等.

lzxassj,我想你不必试的,因为本身就是可行的.但这都是对图片的预装入而已,不管你如何装入,只要后面的读图片原始长宽的代码写正确就行的!