关注前端开发微信微信号web007007

链接伪类hover的CSS背景图片闪烁BUG

链接伪类hover的CSS背景图片闪烁BUG

我们在网站的设计过程中几乎都会用到:hover这个CSS伪类去完成我们想要达到的效果。但是:hover伪类并不是一个非常听话的孩子,它在IE6中经常会出现这样那样的问题。比如CSS背景图片闪烁;只能针对A链接;访问后:hover样式消失的问题(详细内容可以查看我的另一篇文章:《超链接访问后hover样式消失的解决办法》),苛刻的浏览器兼容条件等。 而我们今天主要讲的就是伪类:hover的CSS背景图片的闪烁...

阅读全文...

在IE6中使用滤镜后链接不能点击的BUG

在IE6中使用滤镜后链接不能点击的BUG

我是一个很少使用IE滤镜,也是一个不赞成使用IE滤镜的前端工程师。不过今天有一个朋友给我发来了一个有关于IE6的BUG,就是在IE6中使用了AlphaPNG透明的IE滤镜之后,a链接不能够点击。 具体情况是这样的:在IE6下使用DXImageTransform.Microsoft.AlphaImageLoader滤镜,然后IE6中的a链接就变得不可点击。这里的a链接不是死掉了,也不是属性脱失了,只是有可能单纯的某一个层被挡住了, 所以不能...

阅读全文...

某兄迅雷面试记(windows客户端开发)

某兄迅雷面试记(windows客户端开发)

这是去年的事了,决定要写出来的原因是当时为这次面试做准备的过程中,我在网上查不到任何比较详细的迅雷面试经验介绍,薪资待遇那些就更是不得而知了,而知情网友对这家公司的评价也是只言片语。所以觉得把这次经历记录成文,对以后去面试的朋友应该会有些参考价值。 大概是上个月的10号,当时挂着迅雷下东西,突然弹出个“迅雷招聘日”的广告,点进去一看,大意是于6月13日进行一次招聘,可以携...

阅读全文...

前端工程师你们伤不起!!

前端工程师你们伤不起!!

老子几年前进了互联网圈!!!!!!!成了前端工程师,名字是不是很拉风,有木有!!!!!!!! 尼玛跟老子讲前台代码简单!!!出入高级写字楼,薪水高!!!!!!!!!!!!!!!! 入行才2K起啊!!!!2K在帝都都够毛用啊!!!! 尼玛简单个毛线啊!! HTML、XHTML、XML、json…有木有!!! CSS要写一堆兼容代码有木有!!!!图片素材要合并有木有!!! JavaScript、OOP、什么线程...

阅读全文...

firefox/IE8+下margin-top绑架父节点的margin的分析

firefox/IE8+下margin-top绑架父节点的margin的分析

margin-top在firefox中会绑架父节点的margin,通俗点说呢,就是子节点的margin-top 设置,有些情况下会被传递给了父节点的margin-top。本来head 和content 在设计的语意上来说,是两上下相邻的。而结果却content节点却被子节点margin-top绑架.问题就这样来了。 很长一段时间里一直也都认为这是firefox的一个bug,但是最近看过一些资料后在想起这事情,其实这是很正常的。 上下两个垂直接触的div ...

阅读全文...

IE6下那只猪[IE6文字溢出BUG]

IE6下那只猪[IE6文字溢出BUG]

先看HTML代码: <pre><div style="width:350px;"> <div style="width: 350px;"></div> <!--–- 我是华丽的注释 -–--> <div style="width: 350px; float: right;">偶就是那只多出来的猪</div> </div> 逐个分析: test-1: 去掉<div style=”float:left;”></div> 中的“float:left”,就会发现...

阅读全文...

IE6|IE7中li底部3px间距BUG

IE6|IE7中li底部3px间距BUG

<!DOCTYPE HTML> <html> <head> <title>IE67li底部3pxBUG </title> <meta http-equiv=”content-type” content=”text/html; charset=gb2312″ /> <style type=”text/css”> *{margin:0;padding:0;} ul{list-style:none;} li{border:1px solid gray;overflow:hidden;width:120px;} li span{float:left;} </style&...

阅读全文...

clearfix清除浮动闭合容器之:after与:before

clearfix清除浮动闭合容器之:after与:before

首先对伪类:before与:after做下注脚 :before 伪元素在元素之前添加内容。 :after 伪元素在元素之后添加内容。 这2个伪元素允许创作人员在元素内容的 最前面/最后面 插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。该二伪类不被IE6/7所支持。 好了,进入正题 在平常我们coding时候经常会发生子元素浮动而引起父级元素不能完全撑开的状况, 可能很多朋友给父...

阅读全文...

IE6-bug之盒子左右border边框断线问题

IE6-bug之盒子左右border边框断线问题

先上图: 再上代码: <div style="border: 1px solid #ccc; margin: 600px 400px 50px; padding: 10px; line-height: 3;"> <ul style="float: left;"> <li>1、新闻标题新闻标题</li> <li>2、新闻标题新闻标题</li> <li>3、新闻标题新闻标题</li> </ul> <ul style="float: right;"> &l...

阅读全文...

前端开发 – 我们的职业

前端开发 – 我们的职业

写给“正在纠结”、“准备纠结”的前端开发们,希望对大家求职有所帮助: 给自己定位 很多人提出薪资要求的时候,会说:“现在房租是多少多少、吃饭要多少多少、泡妞会多少多少”,所以,至少拿多少多少的工资,才满足自己的需求。如果说这些话的人,已经是公司的老员工,和老板私人关系很不错,那这么讲还凑合。但如果是职场新人,首次过来应聘,谈这些就很不在点上。你拿多少钱的薪水,是你能够给公...

阅读全文...

前端的横向发展-WEB前端开发网

前端的横向发展-WEB前端开发网

今天的交流会上,提到了“横向发展”这个词,意指推荐大家学习与前端打交道的相关技术,如:php 其实“前端”这个词,是2005年才逐渐在国内兴起的。 那之前,国内的网站,通常是TABLE+ASP搞定一切。做这份工作的人,通称“程序员”。 那是个孤军奋战就能赢得天下的年代。 一个网站丢过来,一个人就全拿了:“写需求==>出设计稿==>做模板==>写程序==>运营。” 再然后,大量的竞争。 网站想要...

阅读全文...

纯CSS判断ipad横版和竖版

纯CSS判断ipad横版和竖版

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Link study</title> <!--竖版本使用的样式--> <style media="all and (orientation:portrait)" type="text/css"> #landscape { display: none; } body {background:red} <...

阅读全文...

20个实用的webApp前端开发技巧

20个实用的webApp前端开发技巧

自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者。 WebApp与Native App有何区别呢? Native App: 1、开发成本非常大。 一般使用的...

阅读全文...

HTML5中表单验证的8种方法

HTML5中表单验证的8种方法

今天就继续来谈谈HTML5的表单验证。在深人探讨表单验证之前,让我们先思考一下表单验证的真实含义。就其核心而言,表单验证是一套系统,它为终端用户检测无效的控件数据并标记这些错误。换言之,表单验证就是在表单提交服务器前对其进行一系列的检查并通知用户纠正错误。 但是真正的表单验证是什么? 是一种优化。 之所以说表单验证是一种优化,是因为仅通过表单验证机制不足以保证提交给服务器...

阅读全文...

网站前端设计师有“前”没“钱”-浅谈我的看法

网站前端设计师有“前”没“钱”-浅谈我的看法

在很多互联网公司都存在这样不幸的现象:大部分的前端开发人员都没有得到公司领导应有的认可和肯定,前端开发人员所要担当的责任及履行的义务和他们所获得的待遇处于一种不成正比一种现状,因此不少Web开发者不禁疑惑:Web前端开发有前没“钱”? 或者改行! 1. 请问您从事Web前端开发多久了,我们大学计算机基础教育并不重视前端设计领域,请问您当初选择前端开发是基于什么样的原因呢?是工作需...

阅读全文...

页面前端的水有多深?再议页面开发

页面前端的水有多深?再议页面开发

课程简介但凡从事互联网的人基本都会写几行 html,用过 Word 的人用 Dreamweaver 也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。课程内容 不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小 case;图片集成,一直都在用……还能有什么问题?瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。是不是真的没什么问...

阅读全文...

7个超棒的HTML5交互性网站

7个超棒的HTML5交互性网站

近几年,网络技术发展的速度十分惊人,前几年Flash还是网站互动和动画技术的主导,但现在Flash已经慢慢的被淘汰,并采取更多的与搜索引擎友好和强大的HTML5、CSS3和JavaScript技术。通过快速计算系统和高速上网,可轻松实现复杂但又流畅的动画效果的。 在这里,我们向你推荐7个超棒的HTML5设计的交互网站,很酷,很炫! 1、Intacto10 Years 通过一个数字机构显示了数字宇宙之旅的历史。 2、The ...

阅读全文...

怎么样预防SEO网站被降权

怎么样预防SEO网站被降权

网站取得好的搜索排名,一直是广大SEO站长追求的目标之一,也优化化多个站,有排名好的,当然常在河边走那能不湿鞋,被降权的也有几个,根据小站情况总结几大块经验如何防止网站被降权的因素,希望大家有所帮助。 一、外链突然大量增加 从事SEO的人都把“内容为王,外链为皇”视为经典,于是很多人专门以外链为重点,网站的一些外链资源到处都是,于是博客,论坛,分类目录等到处做外 链。如果没有...

阅读全文...

“有点儿意思”的导航设计

“有点儿意思”的导航设计

导航是网页设计中不可缺少的部分,它是网站访问者获取所需内容的快速通道和途径。导航让网站的层次结构以一种有条理的方式清晰展示,并引导用户毫不 费力地找到并管理信息,达到有效传递。同时,导航一般位于网页的中上部分,也是视觉中心的区域内。在保持其合理的功能作用的同时,一个好的导航设计,往往 能够成为整个网页设计的点睛之笔! 一个设计师在布局和整体规划网页设计时,导航总是一...

阅读全文...

SEO教程_为什么要做SEO

SEO教程_为什么要做SEO

如果您已经知道SEO对网站成功的意义,看这个已经没有意义了.. 什么是SEO SEO是英文Search Engine Optimization的缩写,中文意译为“搜索引擎优化”. 简单地说,SEO是指从自然搜索结果获得网站流量的技术和过程。 复杂但更严谨些的定义: SEO是指在了解搜索引擎自然排名机制的基础上,对网站进行内部及外部的调整优 化,改进网站在搜索引擎中的关健词自然排名,获得更多流量,从而达成网站销售及品牌...

阅读全文...