Archive

Archive for the ‘HTML/CSS’ Category

一起来加速IE6的灭亡

September 26th, 2009 25 comments

Windows XP的成功与长寿,成功造就了IE6的霸主地位,即使IE7,IE8的推出,依然无法撼动IE6的地位。

你会发现 IE 各版本的占有率和 Windows 的占有率成正比,可以说,Vista的失败令IE7无法威胁IE6在全球范围内的领先占有率地位。新一代的操作系统Windows 7将在10月22日正式发售,Windows 7系统集成了IE8,Win7在正式发售前已经获得了非常空前的好评。分析称IDC称,到2013年,在微软销往企业用户的系统中,Windows 7将高达95%。但请注意,这只是销往企业用户的系统占有率,所以,XP仍将占有相当大的市场份额。

靠新系统来更改浏览器市场的占有率是不现实滴,人人都应该出一份力,加速IE6的灭亡。

对于主题开发者来说,可以在自己的作品中加入提示窗口或提示安装Google Chrome Frame插件.利人利己啊.

使用mg12的widget提示窗口

在莫斯科的时候,我访问Mail.ru等网站,就发现在网站顶部,有一个提示用户升级至IE8的的小横副,并且,它是向所有浏览器用户。从个人角度讲,我相信最好的解决办法是很大一部分网站停止对IE6的支持,这样能鼓励用户进行升级,但是,这样的事情并不会发生。采用提示窗口的方法会更温和。

Mg12将他的博客所用的提示框做成了一个 Widget, 你可以简单地在 </body> 上添加以下代码将它添加到你的网页上.为 IE6 用户进行更新提示, 提示信息会显示在页面的右下方, 每星期一次. 效果如下图所示.

<!--[if lte IE 6]>
	<mce :script mce_src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></mce>
< ![endif]-->

Wordpress使用Shockingly Big IE6 Warning插件

这是一个功能比较全面的插件,支持头部Bar,全屏,crash三种方式(crash可以让IE6直接崩溃),支持6种浏览器, Firefox, Opera, Chrome, Safari, Internet Explorer,并允许你设置它们的官方网站地址。提示内容可以自定义,支持中文 。选项test mode打开后会在任何浏览器下显示便于修改测试。

Read more…

Categories: HTML/CSS, Tools Tags: , , ,

firefox和ie的css兼容问题

March 28th, 2008 No comments

对于某些内容可变的层(比如用户评论),我们希望它有个最小的高度(比如30px),这样的话,即使内容只有一行字,也不会太难看;同时又希望在内容比较多的时候,层的高度能自动撑开,也就是要求height: auto。这时候就可以设置css的min-height属性。min-height在Firefox里有效,但IE无法识别。可以使用下面这个解决方案:

.div_class{
min-height:30px;
height:auto !important;
height:30px;
}

第一行设置 min-height:30px;对Firefox有效;第二行height:auto !important;也对Firefox有效,后面紧跟的“!important”是Firefox专用的一个标记,带有这个标记的设置具有最高优先级,之后的设置都无效。所以第三行的height:30px对Firefox无效了;同时,由于IE无法识别min-height和“! important”,所以只有第三行有效,由于IE默认就是高度自适应的,所以即使设置了30px的高度,只要内容很多,也会自动撑开,不需要设置 height:auto。最后,上述代码产生如下效果:
Read more…

Categories: HTML/CSS Tags: , , ,