css
来源:互联网 发布:genbank数据库记录 编辑:程序博客网 时间:2024/06/01 09:16
<pre name="code" class="html">.note { background: url("../images/note.gif") no-repeat scroll 10px 10px #fffdee; border: 1px solid #f00; border-radius: 5px; color: #666; font-size: 12px; font-weight: normal; line-height: 24px; margin: 20px auto 0; overflow: hidden; padding: 8px 10px 8px 40px; text-align: left; width: 400px;}
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
图片按比例自动缩放
按比例缩小或者放大到某个尺寸,对于标准浏览器(如Firefox),或者最新都IE7浏览器,直接使用max-width,max-height;或者min-width,min-height的CSS属性即可。如:img{max-width:100px;max-height:100px;}img{min-width:100px;min-height:100px;}对于IE6及其以下版本的浏览器,则可以利用其支持的expression属性,在css code中嵌入javascript code来实现图片的缩放.thumbImage {max-width: 100px;max-height: 100px;} /* for Firefox & IE7 */* html .thumbImage { /* for IE6 */width: expression(this.width > 100 && this.width > this.height ? 100 : auto);height: expression(this.height > 100 ? 100 : auto);}
0 0
- CSS
- css
- css
- css
- css
- CSS
- CSS
- css
- css
- CSS
- css
- css
- CSS
- css
- CSS
- css
- CSS
- css
- Android核心分析
- nginx的安装
- SNMP从入门到开发:进阶篇
- Model-1模式的分页逻辑
- ubuntu 在虚拟机环境下显示联网但无法连接外网的解决办法(利用虚拟网络编辑器)
- css
- how-to-use-grahite-and-grafana-to-monitor-spark
- 新提交审核app保留检查更新入口将被拒绝
- Android开机自动运行程序
- Android层次化安全架构及核心组件概览
- Drop table相关处理
- SpringMVC上传下载
- linux 终端速度显示
- Codeigniter中禁止A Database Error Occurred错误提示