轻松搞定IE的CSS制作网页技巧3则

时间:2009-08-14 20:32:00 

众所周知道,IE向来是我们在制作网页时最难搞定的对手。但又迫于其用户群数量之多,我们不得不想法设法搞定它。下面,将介绍的将是利用其特点而被发现/创造出来的CSS技巧。让你轻松搞定这个难对付的家伙。

IE注释:最安全的HACK IE的途径

这应该是我最常用的方法了,一般情况下,我们现在已经不用考虑IE5或者以下的浏览器了,这个注释让我们可以轻松HACK IE,并且它是最安全的方法,因为别的浏览器不会显示/识别它(这里应该感谢微软的细心,即使他精粗心在先)。

至于IE8 beta,以其为主浏览器的用户算起来应该不到K级,也暂时不是我们应该搞定的对象(当然,搞定它是最好不过的事)。或者我们应该把希望放在他正式版对CSS完美的支持,而现在我们把最重要的放在搞定IE6/IE7,区分它们,我最常用的是下面的代码:

#forieothers{...} // 用这个搞定IE7
*html #forie6{…} // 当然,这是写给IE6的

而你需要注意的就是,别把它们的顺序写倒了,因为#forieothers这个是会被IE6看到的,而根据CSS书写顺序的优先性,应该把让*html #forie6写在后面,让浏览器最终显示它,但IE7又看不到。

让IE6支持PNG透明图片

#regular_logo
{
background:url(’test.png’); width:150px; height:55px;
}
/* \ */
* html #regular_logo
{
background:none;
float:left;
width:150px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’test.
png’, sizingMethod=’scale’);
}
/* */

这并不是我喜欢的方法,不过,或许你会喜欢。当然,有时候,我们导出GIF图片的时候,其效果和质量都可能不是很好,搞定PNG或许就是为这个而做的吧。也可能是由于自己并不是画图的高手,所以,比较少用。

让IE6支持min-width/max-width

#container
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? "600px" :
document.body.clientWidth > 1200? "1200px" : "auto");
}

这应该是非常重要的技巧,也是比较常用的。就像,你以前可能用了太大的图片,但现在又想用一个栏比较小的主题,这时,这个方法就显得异常重要。抑或是,如果你想创建一个流体布局,这个代码对你来说是必不可少的。

当然,这三个并不能让你搞定所有IE的问题。不过,这应该是最重要的。IE注释通常被CSS新手忽略,而IE6显示透明PNG和IE6支持最小/最大宽度是难点。好吧,我想,看到这里,或许你已经学会了,或者,至少知道这是解决方法。但或许还有一句话你应该记住:少骂IE,完善自己!

标签:ie,技巧,css
0
投稿

猜你喜欢

  • 改进SQL Server数据库系统安全五步走

    2009-01-20 11:47:00
  • Python实现学生管理系统的代码(JSON模块)

    2022-01-02 07:54:42
  • python scrapy重复执行实现代码详解

    2023-01-15 17:27:37
  • Python环境下安装使用异步任务队列包Celery的基础教程

    2023-08-23 23:06:48
  • 在mac下查找python包存放路径site-packages的实现方法

    2023-06-12 21:12:36
  • Python实现图片滑动式验证识别方法

    2023-11-05 22:14:52
  • { hide_text } CSS文字隐藏总结报告

    2010-06-13 17:19:00
  • 解析Pytorch中的torch.gather()函数

    2023-01-29 23:44:40
  • python request要求接口参数必须是json数据的处理方式

    2023-07-14 03:12:18
  • 如何在JavaScript中创建具有多个空格的字符串?

    2024-05-02 17:29:12
  • mysql 批量更新与批量更新多条记录的不同值实现方法

    2024-01-18 22:56:18
  • Python转换字典成为对象,可以用"."方式访问对象属性实例

    2021-06-01 09:01:50
  • 在查询分析器理启动或停止SQL Agent服务

    2009-01-08 16:20:00
  • Python pandas替换指定数据的方法实例

    2022-01-20 05:38:55
  • python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中

    2024-01-21 06:11:12
  • python-pandas创建Series数据类型的操作

    2022-01-29 14:16:24
  • java连接数据库增、删、改、查工具类

    2024-01-21 22:01:48
  • Mootools 1.2教程(11)——Fx.Morph、Fx选项和Fx事件

    2008-12-04 16:03:00
  • Tensorflow实现多GPU并行方式

    2021-03-26 19:43:31
  • MySQL中distinct语句去查询重复记录及相关的性能讨论

    2024-01-16 23:31:27
  • asp之家 网络编程 m.aspxhome.com