Submitted by 爱得 on 2009, August 30, 4:58 PM
相信大家对于常见 CSS BUG 的处理已经相对比较熟悉,例如:IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但时常我们也会碰到复杂的 CSS BUG 问题,所谓“复杂”实质是指触发的条件很复杂,而“BUG” 也并非指一定是浏览器的 BUG 。对于此类问题,我们首先要解决的是如何定位到问题,只有快速的定位到问题,才能更好的解决问题。
对于快速定位,个人的经验处理一般如下(基本可以定位到我在 淘宝 遇到的 90% 以上的复杂 CSS BUG 问题):
1、检查页面的标签是否闭合
不要小看这条,也许折腾了你两天都没有解决的 CSS BUG 问题,却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的,而他们很容易犯此类问题。
快捷提示:可以用 Dreamweaver 打开文件检查,一般没有闭合的标签,会黄色背景高亮。
2、样式排除法
有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的具体 CSS 文件,缩小锁定的范围。
对于刚才锁定的问题 CSS 样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。
3、模块确认法
有时候我们也可以从页面的 HTML 元素出发。删除页面中不同的 HTML 模块,寻找到触发问题的 HTML 模块。
4、检查是否清除浮动
其实有不少的 CSS BUG 问题是因为没有清除浮动造成的。养成良好的清除浮动的习惯是必要的,推荐使用 无额外 HTML 标签的清除浮动的方法(尽量避免使用 overflow:hidden;zoom:1 的类似方法来清除浮动,会有太多的限制性)。
» 阅读全文
Web标准 | 评论:0
| Trackbacks:0
| 阅读:333
Submitted by 爱得 on 2009, August 30, 2:48 PM
IE6、IE7 都支持 *,但 IE8 终于回归正统,放弃了对 * 的支持
IE7、IE8、Firefox、Opera、Safari 都支持 important。
顾名思义,important 的优先级要高,举例说明:
background-color:#FF0000 !important;
*background-color:#000000;
IE6 选择最后一个,即:background-color:#000000;(因为 IE6 对 important 不感冒)
IE7 选择第二个,即:background-color:#000000;(因为 IE7 开始对 important 感冒了,同时还死守着它对 * 感情的最后一版本,但 important 并未起到优先级的作用)
IE8 和 Firefox、Opera、Safari 选择第一个,即:background-color:#FF0000 !important;(IE8 完全感冒于 important,同时丢弃了对 * 的感情)
另外再补充一个,下划线"_",IE6 支持下划线,IE7、IE8 和 Firefox、Opera、Safari 均不支持下划线。
» 阅读全文
Tags: hack
Web标准 | 评论:0
| Trackbacks:0
| 阅读:287
Submitted by 爱得 on 2009, August 30, 2:35 PM
多年职场生涯最终成功与否,并不是最关键,关键的是用正确的心态做正确的事情,把它做好。也许我的经典职场人生感悟能给后来人一些启发。
感悟一:好工作的定义
人都是要面子的,也是喜欢攀比的,即使在工作上也喜欢攀比,不管那是不是自己想要的。大家认为外企很好,可是好在哪里呢?他们在比较好的写字楼?他们出差住比较好的酒店?别人会羡慕一份外企的工作?那一切都是给别人看的,你干吗要活得那么辛苦给别人看?找工作究竟是考虑你想要什么,还是考虑别人想看什么?对于自己想要什么,自己要最清楚,别人的意见并不是那么重要。很多人总是常常被别人的意见所影响,亲戚的意见,朋友的意见……问题是,你究竟是要过谁的一生?人的一生不是父母一生的续集,也不是儿女一生的前传,更不是朋友一生的外篇,只有你自己对自己的一生负责,别人无法也负不起这个责任。自己做的决定,至少到最后,自己没什么可后悔。
可能,最好的,已经在你的身边,只是,你还没有学会珍惜。人们总是盯着得不到的东西,而忽视了那些已经得到的东西。
» 阅读全文
Tags: 感悟
转载 | 评论:0
| Trackbacks:0
| 阅读:357
Submitted by 爱得 on 2009, August 30, 2:17 PM
也许你象爱因斯坦一样聪明,创意也绝对独特,为什么在别人眼中依旧是无足轻重?先不要因此抑郁,生活往往是可以改变的,试着按以下的要点做,你会成为上司眼中不可缺少的重磅人才。
1、早到。别以为没人注意到你的出勤情况,上司可全都是睁大眼睛在瞧着呢?如果能提早一点到公司,就显得你很重视这份工作。
2、不要过于固执。工作时时在扩展,不要老是以“这不是我份内的工作”为由来逃避责任。当前额外的工作指派到你头上时,不妨视之为考验。
3、苦中求乐。不管你接受的工作多么艰巨,鞠躬尽瘁也要做好,千万别表现出你做不来或不知从何入手的样子。
4、立刻动手。接到工作要立刻动手,迅速准确及时完成,反应敏捷给人的印象是金钱买不到的。
5、谨言。职务上的机密必须守口如瓶。
6、听从上司的临时指派。上司的时间比你的时间宝贵,不管他临时指派了什么工作给你,都比你手头上的工作来得重要。
7、荣耀归于上司。即让上司在人前人后永远光鲜。
8、保持冷静。面对任何状况都能处之泰然的人,一开始就取得了优势。老板、客户不仅钦佩那些面对危机声色不变的人,更欣赏能妥善解决问题的人。
» 阅读全文
Tags: 经验
转载 | 评论:0
| Trackbacks:0
| 阅读:288
Submitted by 爱得 on 2009, August 16, 5:03 PM
职业的页面重构工作者
做为一个专职的页面重构者,我们从事的工作简单的说就是“将设计稿转换成WEB页面”,这一过程可以很简单到直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来,但随着工种的细分,加上页面重构本身的专业性,独立为一个职业也不是不可能,至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须去画设计稿,可以不理会下面的内容。
单纯的页面重构,所涉及到的工作内容一般是“分析设计稿=>切图=>写HTML和CSS”,虽然看起来很少,但要做好这份工作,绝非所想的那么容易。原因很简单:工作内容单一,在时间和工作量上必会很苛刻,往往跟设计师的工作时间是3:1,即设计师给三天的时间,制作只给一天的时间完成;在这种工作强度下,很多人都是靠着对这份工作的喜爱在维持着,一旦工作热情消失,很容易就会变得枯燥,保持热情也成了重构工作者(也许是所有参加工作的人)应该具备的能力。
» 阅读全文
Tags: 页面重构
Web标准 | 评论:0
| Trackbacks:0
| 阅读:290
Submitted by 爱得 on 2009, July 17, 1:41 PM
最近在论坛里看到很多人发牢骚,说薪水少,可在我看来,你们这样的人拿得到高薪才怪!
我先问一句:这里有多少人是本科的?有多少人是正规本科的(不算自考,成考和专升本)?有多少人是有学位的?有多少有学位的是拿着网大排名前50所大学的学位的?恐怕是少之又少吧!在中国,薪水和学位的关系对于应届生来说是绝对的,即使对于以后的发展,学位也很重要,要不那些低学历的人评职称为什么吃亏呢?你可以告诉我这不合理,不错,这确实不合理,但却是现实。如果你不能改变现实,那还是适应它吧!你也可以告诉我低学历一样可以拿高薪,我承认,不过你要准备比别人多付出10倍以上的努力。
接下来是语言,这里恐怕是有不少人没有过四级没学位的吧?有多少过六级的?有多少过专四专八的?有多少有其他英语证书的?你不要和我说你的水平好,可不喜欢中国的考试制度,所以没证书。在中国,毕业一开始的几年就是靠证书,你有本事跳过1楼2楼造3楼吗?如果你英语不行,你有其他二外吗?要知道,老外对于IT的重视可是比国内那些买的电脑做装饰品的土老帽要强得多。
» 阅读全文
Tags: it
转载 | 评论:0
| Trackbacks:0
| 阅读:324