最近的文章列表

纯css的标签背景

兼容IE7+、Chrome、FireFox!

例子截图:

 纯css的标签背景

HTML代码如下:




即将举行

 

 

 


...
2013/4/24 Comments:
指定IE的文档兼容模式 meta X-UA-Compatible EmulateIE7

先来看一下朋友网是怎么指定IE的文档模式的:

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7, IE=9">
...

2013/4/10 Comments:
怎么判断浏览器是否支持HTML5 Canvas

判断浏览器是否支持HTML5,其实有一个非常简单的方法,用不同的浏览器直接访问地址:http://html5test.com/ 

下边是Chrome 和 IE8的测试结果:

 (Chrome)

...
2013/3/25 Comments:
a标签中的label标签在IE下为什么没有触发a标签的href链接

先来看一段代码:

<a href="http://www.kuabaobao.com/" target="_blank">

     <span>挎包包</span> <!--IE or FF 下鼠标放上去是形状-->

     <label>kuabaobao</label> <!--FF 下鼠标放上去是形状; IE 下鼠标放上去是箭头形状-->

...
2013/1/12 Comments:
web标准—可用性、可维护性、可访问性

最近由于公司裁员,忙着在找工作,看到很多公司招聘《前端开发工程师》等类似职务,看了职务要求,比如:

职位要求

1、精通各种Web前端技术,包括XHTML/ XML/ CSS/ Javascript(JS或AS精通一种即可)等

2、习惯于手写符合W3C标准、兼容多种浏览器的前端页面代码

3、深刻理解Web标准,对可用性、可访问性等相关知识有实际的了解和实践经验 

...
2012/8/16 Comments:
HTML5语音搜索方法

谷歌的网站是时逛时新啊,今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单
只需要在input添加属性x-webkit-speech即可,例子如下:


<input type="text" x-webkit-speech />


这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示

...
2012/5/21 Comments:
Open Graph Protocol(开放内容协议) Meta Property标签的应用
前一阵子在分析竞争对手时,看到某个英文外贸B2C页面<head>代码中有一段:   <meta property="og:title" content="**&rsquo;s Facebook" />   <meta property="og:type" content="product"/>    <meta property="og:url" content="http://www.******.com" />    <meta property="og:image" content=&q
2012/2/24 Comments:
不常用的 META标签值解说 meta http-equiv
<meta http-equiv="Content-Language" c /> <meta http-equiv="imagetoolbar" c /><meta name="MSSmartTagsPreventParsing" c /> <meta name="description" c /><meta name="keywords" c /> <meta name="author" c />1.第一个是文档语言,用来声明是文档时什么样的语言,比如,中文(gb2312)2.IE图像工具栏和XP主题
2012/2/24 Comments:
meta http-equiv="X-UA-Compatible" content="IE=7"

X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:<meta http-equiv="X-UA-Compatible"

2012/2/2 Comments:
IE6对多个CSS样式的解析
问题描述如果样式写成这样<p class="class_1 class_2">,那么在IE6和FF(IE6+同FF)下会显示为不同的效果。 测试代码 ?1234567891011121314151617<html><head> <title>IE6对多个CSS样式的解析</title> <style type="text/css"> body { font-size:12px; } .West { color:Green; } .West.Color { color: Red; } </style></h
2012/2/2 Comments: