用CSS控制透明图片

很多做网站的朋友都会用width,height加在img标签里面直接来控制图片的大小,这样无疑增加了文件的大小了,并还不能达到比较满意的效果,今天我们来看看我用css来间接的控制图片的大小吧.下面我们先来看个实例.  代码如下 复制代码 < ul>   <li><img src='' ></li> </ul> 我们只要按上面这样就写行了,下面我们来用css进行制作吧.  代码如下 复制代码 ul li img {     width:80px;

css|控制|透明 IE和FF都通用;但不知道合不合标准;管他呢;能用就行了!呵呵;  HTML代码<style>body{ font-size:12px;}#top{position:absolute;}#top a img{-moz-opacity:0.5; filter:alpha(opacity=50);border:0px;}#top a:hover{font-size:9px;}#top a:hover img{-moz-opacity:0.5;filter:alpha(opaci

CSS Image Opacity / Transparency 注:这是没有一个CSS标准.然而,工程所有的现代浏览器,是一种部分的W3C的CSS 3的建议. 范例1 -创建一个透明图像 首先,我们将向您展示如何创建一个透明图像的CSS . 经常图片: <img src="klematis.jpg" width="150" height="113" alt="klematis" style="opacity:

文章简介:CSS控制图片代码:让网页图片自适应大小. 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.clientWidth>600

css|控制|自适应 网页制作技巧实例解决:用CSS控制图片自适应大小 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.client

JorWang の 小喇叭:『 最近比較忙啊,暫時不更新了,大家玩得開心點哦!O(∩_∩)O~ 』 刚刚看到两个控制网页图片宽度的大小的方法,觉得很好很方便,特此分享给大家. 第一个方法是使用CSS来实现控制大小: img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:exp

问题描述 .imageimg{max-width:100px;width:expression(this.width>180?"100px":this.width);max-height:150px;height:expression(this.height>150?"150px":this.height);overflow:hidden;}小弟我用这个样式可以让图片自动缩放,但是就是其中几个图片变得特别小只有28*32大小..哪位xdjm能够帮忙下,到

不知道家有没有遇到过这样的情况:在CSS控制图片大小时,如果把图片的宽度写死,比如 img{width:500px;} ,固然,如果图片宽度大于500px可以很好的控制它不让它过大,但如果图片宽度小于500px,比如说只有100px时,刚才的写法会把这张图扩大5倍显示,显然,这不是我们想看到的.     那么,CSS如何可以区分对待这些图片设置大小呢?很简单,请看:  复制代码 代码如下: img{width:expression(this.width>500?"500px":t

图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码:  代码如下 复制代码 div img {  max-width:600px;  width:600px;  width:expression(document.body.clientWidth>600?"600px&qu