介绍我知道的hack方法

2016-02-19 11:52 5 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐介绍我知道的hack方法,无聊中的都看过来。

【 tulaoshi.com - Web开发 】


现在浏览器多了,做web页面还是比较痛苦的,当然,如果你不在乎自己做的页面在有些浏览器上面惨不忍睹那也是种不错的心态(至少少了点头痛的机会),可是你老板或者上司或者你的用户同意吗?-__!
下面我就介绍我知道的hack方法吧。我现在比较常用的,并且感觉用的不动脑子的方法是:
#yourId/.yourClass {/*normal*/}
* html #yourId/.yourClass {/*IE6 and below*/}
* html #yourId/.yourClass {/*IE7 only*/}
@media all and (min-width:0px){
#yourId/.yourClass { /*opera*/ }
}
用法:直接写CSS,用firefox作为第一浏览器看效果,然后IE6下不一样,就用* HTML重写那个ID容器或者类;如果IE 7不一样,就用* HTML重写,如果opera下面不一样,就用@media那个,当然这写重写的需要放在原来的后面。呵呵,就这么简单。这个方法用了之后可能会上瘾,可是会有诸如增加CSS文件容量等不爽,甚至有时候还会出现直接用这个写几段不同的。所以还是建议能熟悉了解个浏览器具体是在什么属性上支持不一样(例如border宽度IE6认为是不能算在width里面的,但是firefox是认为算width一起的),先尽力写几个浏览器通用的 CSS,不到必不得已不用这个hack方法。
原理:firefox认为是CSS语法错误,所以忽略。但是不同IE版本识别不同,不忽略,所以能实现hack,并且* HTML还能通过W3C验证,呵呵,爽吧。opera那个就不多说了,也是类似原理,但是看起来比较崩溃,要说明的是, firefox下没问题的话,opera基本也没什么问题的,所以不太会用到这个hack。
还需要其他浏览器hack方法?抱歉,我就知道这么多,因为我电脑上只有这么几个浏览器,呵呵,公司要求或者我自己想要把握的用户群够了。
另外就是!important这个方法了(firefox遇到这个优先级就最高,但是IE6不认,所以下面重新定义可以覆盖),不过这个貌似是以前甚至现在都很多人在用的,但是我个人感觉不是很爽,不能像上面的那样明确的搞定某个浏览器。比如现在IE7对规范CSS支持已经比IE6好了不知道多少,但是还是会有和firefox有的差异,所以用important的方式,控制起来并不像上面的那么一目了然。

来源:http://www.tulaoshi.com/n/20160219/1598916.html

延伸阅读
标签: 网络游戏
《英雄就是我》是什么游戏 格斗游戏似乎有一种难以言喻的魅力,爽快华丽的连招,拳拳到肉的打击感,总能激起我们内心的热血沸腾。近日,又有一款独立动作格斗游戏《英雄就是我》正式登陆Steam平台。 《英雄就是我》游戏简介 《英雄就是我》是由Crazyant工作室开发的一款横版像素风动作格斗游戏,去年6月上线Steam青睐之光后...
酷我音乐的界面整体介绍 电脑常识 1)标签页入口:正在播放、今日推荐、网路曲库、本地曲库; 2)操作按钮区域:更换主题换肤、设置、迷你状态、最小化、最大化、关闭按钮 3)登陆区域:登陆个人账户,查看最新消息; 4)歌曲列表区域:默认播放列表、个人收藏播放列表以及添加、删除、查找、播放模式等操作按钮 5)播...
酷我音乐的标签页介绍 1正在播放标签页 正在播放标签页面中,可以查看正在播放音乐的歌词、信息、mv、伴唱与k歌等功能;另外,可以对正在播放页面的背景进行选择,还可以使用图库与照片等功能 2、酷我音乐标签页介绍 在今日推荐页面中,音乐频道汇集了各种音乐资源;专辑区域分为:热门、华语、欧美、日韩,页面内多个排...
标签: Web开发
原文:http://andymao.com/andy/post/76.html 屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px  !important;} /*FF的专用*/ select:empty {font:12px  !important;} /*safari可见*/ 这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7识别 *+html  {…} 当面临需...
标签: 电脑入门
      ∧      /  \     / 我 \    /_ 爱 _\     / 你 \    /   !  \   /__ || __\       ||     ...

经验教程

435

收藏

71
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部