重庆游记 » css http://www.cqnv.com 谈谈情,说说爱,非游山玩水博客... Sat, 24 Jul 2010 13:22:03 +0000 en hourly 1 http://wordpress.org/?v=3.0 IE6是网络毒瘤,是人类进步的绊脚石 http://www.cqnv.com/post/ie6-is-network-cancer/ http://www.cqnv.com/post/ie6-is-network-cancer/#comments Fri, 04 Sep 2009 12:30:58 +0000 wanwan http://www.cqnv.com/?p=1625 IE6是网络毒瘤,是人类进步的绊脚石

IE6是网络毒瘤,是人类进步的绊脚石

昨天晚上好不容易把国庆的皮肤做好了.用IE8,FF,Chrome浏览,完全正确,样子也还多好看.今天早上叫Bruce童鞋帮我看哈CSS表加载正确否.结果,结果,Bruce童鞋发来这张图片,确实让我囧了把:

确实很囧人,作为一名CSS学习者,弄出这种垃圾版面来,也不能饶恕啊….我问Bruce童鞋,你用的啥浏览器啊,我这儿什么都是正常的啊,答曰:ie6.这哈就焖了…其实平时我倒没有想有些人一样,写个判断语句,如果是IE6或者以下版本,直接关闭页面,给出提示:

对不起,本站不支持IE7以下版本访问本站,请升级IE版本后再来,或者移步他站…

呵呵,我研究了半天,我说我的CSS都很简单啊.不会出错啊…后来观察了一下,怀疑是我的迷你导航栏出错了..IE6估计不支持我的CSS写法.没办法了.我得想办法.办法终究是人想的,于是,方法出炉了.其实想法就是,写个代码,如果是IE7以下版本,直接牺牲掉迷你导航栏,不让它显示即可.

在百度上搜了很多,只有一些关于在IE浏览器里辨别IE版本的代码,也就是说,我们可以用如下代码:

<!--[if !IE]>除IE外都可识别 <![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
<!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
<!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->

其实上面的第一条感觉是错的.因为我的想法就是,如果是IE7或者更高版本,就显示迷你导航栏;如果是非IE浏览器,也显示迷你导航栏.结果IE6上终于显示正常了.但是FF,CHROME上也没有迷你导航栏了..也就是说第一条压根就不能实现…

又去百度,狗狗,发现很多人都说.判断IE版本挺容易,但是要判断不是IE就非常恼火,倒是有一个人有想法,用JS解释不同之处来判断,答案就是

if("\v"=="v")

//而且对IE8.0也有效.如下:

<script language="javascript">
if("\v"=="v") {
document.write("这是IE浏览器");
}
else {
document.write("这不是IE浏览器");
}
</script>

但是我不是很喜欢.我觉得吧,还是不用JS这玩意来判断好.我突然想到了用PHP来判断:

<!--以下代码判断,若是IE,则--> 
<?PHP if (strspn("MSIE",$_SERVER["HTTP_USER_AGENT"])==4){ ?>
再采用 判断IE6的方法,即:
<!-- 以下代码判断:若IE版本高于6,显示代码 -->
<!--[if gte IE 7]>

最后用一个ELSE语句,不是IE的,全部都显示迷你导航栏.

测试后,搞定…丫的为了能兼容IE6,真是让我花了不少心思….

IE6是网络毒瘤,是人类进步的绊脚石,我说的一点都不为过…呵呵…

相关文章:

]]> http://www.cqnv.com/post/ie6-is-network-cancer/feed/ 16 WP如何实现段首文字自动空两格？ http://www.cqnv.com/post/head-characters-automation-empty-space/ http://www.cqnv.com/post/head-characters-automation-empty-space/#comments Tue, 11 Aug 2009 15:43:10 +0000 wanwan http://www.cqnv.com/?p=1421 /* content START */ ]]> 你是否经常的在每辛辛苦苦编完一篇原创日志,结果大汗淋漓的提交后,发现无法一眼就分出哪段吗？你是不是感觉到整篇文章就是密密麻麻一片? 原来是你的段首文字没有自动缩进.怎么办?怎么办? 一篇一篇去改?太麻烦了!

万哥告诉你:其实只要加进一行代码就行了.你可以这样做:你先在样式表 (style.css) 中找到下文字:

/* content START */

比如我的:

/* content START */
#content {
 background:#FFF url(img/sidesep.gif) right repeat-y;
 min-height:400px;
}
/* content END */

在

/* content END */

前加入:

/*下面是万万所加，为了让新段落自动空两格*/
#content p{text-indent:28px;margin-bottom:8px;}

搞定!其中text-indent 就是缩进.margin-bottom是在每篇日志底下留一点白.
很简单吧.

对了,记得哦,在你像上面一样设置了日志段落自动缩进之后,再写日志的时候就不要手动加缩进了哦,否则就过了.

//下面转载来自FUFU的”WordPress 防止垃圾评论(算术验证)”

修改 wp-comments-post.php ：

查找：

if ( '' == $comment_content )

在其上面添加代码：

//Fufu_checkcode
if ( !$user->ID ) {
	$aaa = trim($_POST[aaa]);
	$bbb = trim($_POST[bbb]);
	$subab = trim($_POST[subab]);
	if((($aaa+$bbb)!=$subab)|| empty($subab)){
		wp_die( __('Error: Please enter the correct results of the math problems.') );
	}
}
//Fufu_end

然后修改当前主题目录下的 comments.php (我用的 iNove) ，在适当的位置添加代码，我是在提交按钮之前添加的，即查找：

<input name="submit" type="submit" id="submit" class="button"

在其前面添加代码：

<?php $aaa=rand(0,5); $bbb=rand(3,9); ?><?php echo $aaa; ?>+<?php echo $bbb; ?>=<input type="text" name="subab" id="subab" class="textfield" size="2" tabindex="5" style="width:20px;" /><?php if ($req) _e('(required)', 'inove'); ?>

修改好了，在这里用看实际的效果如何吧。

相关文章:

]]> http://www.cqnv.com/post/head-characters-automation-empty-space/feed/ 6