Html - 随笔分类 - 与时俱进

细数那些不能直视的IE6BUG

摘要：1. li在IE中底部3像素的BUG解决方案：在<li>上加float:left；即可解决2. IE6中奇数宽高的BUG。解决方案：就是将外部相对定位的div宽度改成偶数。高度也是一样的。3. IE6文字溢出BUG引发这种BUG有几个条件1.是注释引起的,删除所有注释即可.2.hidden的input直接放在form下.3.display为none的div也有可能引发此bug.4.可以通过外面再包一次DIV解决由注释造成文字溢出，属于IE6的BUG，溢出文字的字数=注释的条数*2-1，这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然阅读全文

posted @ 2013-06-14 08:45 与时俱进阅读(725) 评论(5) 推荐(0) 编辑

兼容firefox，chrome的网页灰度效果

摘要：从技术上来看，要实现网页灰度，最稳妥的办法莫过于直接处理所有图像，不用考虑兼容，不用考虑效率。但是，工作量比较大，切换回来也费力。ie系列支持css滤镜，一句 filter:gray; 就解决了所有问题。但是，众所周知，ie以效率低著名，你会发现开启以后速度显著下降。并且，最致命的，在其他浏览器下无效。有没有兼容所有浏览器的办法呢？有。JavaScript能做到，早就有人用js模拟了ie的gray滤镜，如果你感兴趣并且愿意看英文，可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看，我可以直接告诉你怎么用。1. 下载grayscale.js文件2. 在阅读全文

posted @ 2013-04-20 20:31 与时俱进阅读(1856) 评论(0) 推荐(0) 编辑

HTML5 组件Canvas实现图像灰度化

摘要：新建一个html页面，在body tag之间加入<canvasid="myCanvas">GrayFilter</canvas> 添加一段最简单的JavaScript 脚本<prename="code"class="javascript">window.onload=function(){varcanvas=document.getElementById("myCanvas");<spanstyle="white-space:pre"></s 阅读全文

posted @ 2013-04-20 20:19 与时俱进阅读(1748) 评论(1) 推荐(2) 编辑

HTML5 Web Storage

摘要：sessionStorage方法如果关闭了浏览器，这个保存的数据就丢失，在一次打开浏览器浏览这个页面的时候，点击读取数据将读取不到任何数据。而localStorage则是浏览器被关闭，下次在打开浏览器浏览这个页面点击读取数据时任然能读取到保存的数据。当然，这个数据是区分浏览器的，在别的浏览器中是读取不到这个浏览器保存的数据的。两种对象使用方法1．sessionStorage保存数据：sessionStorage.setItem(key,value);读取数据：sessionStorage.getItem(key);2．localStorage保存数据：localStorage.setItem( 阅读全文

posted @ 2012-04-13 18:24 与时俱进阅读(1550) 评论(0) 推荐(0) 编辑

HTML5 Audio/Video 标签,属性,方法,事件汇总

摘要：<audio> 标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条Html代码<audioid="media"src="http://www.abc.com/test.mp3"controls></audio><video> 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度heig 阅读全文

posted @ 2012-02-22 09:00 与时俱进阅读(21169) 评论(0) 推荐(0) 编辑

纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）

摘要：图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起来看看我们是如何用纯CSS来画这些图形的，如果你也觉得很震撼，推荐给你的朋友吧。1、正方形最终效果：CSS代码如下：复制代码代码如下:#square {width: 100px;height: 100px;background: red;}2、长方形最终效果：CSS代码如下：复制代码代码如下:#rectangle {width: 200px;height: 阅读全文

posted @ 2012-02-14 23:34 与时俱进阅读(44255) 评论(3) 推荐(4) 编辑

html5 canvas 简单画板实现代码

摘要：<!doctype html><html><head><title>canvas简单画板</title><style type="text/css">#can{ width:600px; height:500px; border:1px solid #ccc; margin-top:0px; margin-left:20px;}</style></head><body><h2 style="padding-left:20px">canv 阅读全文

posted @ 2012-02-14 23:31 与时俱进阅读(3765) 评论(1) 推荐(0) 编辑

让你的网页拥有语音识别输入功能（chrome浏览器）

摘要：chrome浏览器的标签法只要在你的输入框加入x-webkit-speech参数即可让你的页面具有语音识别输入功能。html代码：<input type="text" name="inputBox" id="inputBox" x-webkit-speech /> 阅读全文

posted @ 2012-02-01 09:38 与时俱进阅读(4581) 评论(0) 推荐(1) 编辑

自动播放MP3文件

摘要：<embed src="mp3文件" hidden="true" autostart="true" loop="false" /> 阅读全文

posted @ 2012-01-17 18:55 与时俱进阅读(459) 评论(0) 推荐(0) 编辑

IE6下frameset横向滚动条BUG

摘要：IE弹出窗口或框架结构XHTML中多余的横向滚动条BUG原文: “Unnecessary Horizontal Scrollbar in IE Popups or Frames XHTML Bug”翻译: Wink@Lynn Studio, 转载时请注明原文及译者及出处此译文为急于解决问题时仓促之作, 疏忽及翻译简陋之处尚请见谅. 关于IE该bug的讨论请见“关于IE在弹出或框架结构XHTML中出现横向滚动条的BUG”Windows平台的Internet Explorer 6.0以及Mac平台的Internet Explorer 5.0存在一个bug, 即框架或者弹出窗口中的页面即使在没有必要阅读全文

posted @ 2011-09-17 08:39 与时俱进阅读(1577) 评论(0) 推荐(0) 编辑

在线播放器在网页中插入MediaPlayer 兼容IE和FF的代码调试

摘要：<!–在线播放器在网页中插入MediaPlayer 兼容IE和FF的代码调试Internet Explorer 和 Netscape 都支持 <embed> 元素，但它不是标准的 HTML 或 XHTML 元素。万维网联盟 (W3C) 推荐使用 <object> 元素来代替它。所以两个标签都要写上，属性值都需要对应上。–><object id="MediaPlayer" height="45" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6&qu 阅读全文

posted @ 2011-07-07 11:03 与时俱进阅读(5324) 评论(1) 推荐(1) 编辑

web开发时碰到的问题以及心得经验

摘要：xml文件尽量以utf-8编码，gb2312有些字是存储不了的，如©,就算能存也需要转换，比较麻烦，utf-8也符合国际规范CSS中:hover这个伪类，如果放在:visited前面则会失效<a>标签如果没有href属性，所有对它的css的伪类如:hover均失效js文件中用document.wirte("<script language='javascript' src='" + file + "'></" + "script>"形式的引用，其file相对阅读全文

posted @ 2011-07-07 09:47 与时俱进阅读(487) 评论(0) 推荐(0) 编辑

IE支持HTML5的解决方法

摘要：自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。使用和下载 html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。) 作者已经把js文件放在Google code project上并允许大家直接调用，当然，前提是你不在意调用额外的文件。 http://html5shiv.googlecode.com/svn/trunk/html5 阅读全文

posted @ 2011-06-08 11:03 与时俱进阅读(669) 评论(0) 推荐(0) 编辑

HTML5 声明兼容IE的写法

摘要：!DOCTYPE html!--[if IE]meta http-equiv="X-UA-Compatible" content="IE=8" /![endif]--!--[if IE 7]meta http-equiv="X-UA-Compatible" content="IE=7" /![endif]--!--[if IE 6]meta http-equiv=... 阅读全文

posted @ 2011-06-08 11:00 与时俱进阅读(401) 评论(0) 推荐(0) 编辑

表单提交中Get和Post方式的区别及EncType表明提交数据的格式详解

摘要：表单提交中Get和Post方式的区别1. get是从服务器上获取数据，post是向服务器传送数据。2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。3. 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。4. get传送的数据量较小，不能大于2KB。post传送的数据量较大，阅读全文

posted @ 2011-02-16 09:06 与时俱进阅读(4310) 评论(0) 推荐(0) 编辑

符合w3c标准flash(swf)插入代码,常用flash参数设置

摘要：结合我们的例子，介绍一下符合w3c标准的flash代码的插入方法，并说明各个参数的设置object type="application/x-shockwave-flash" data="swfFile.swf" width="650" height="500" id="swfFile" param name="movie" value="swfFile.swf"/ param name="allowFullScreen" value="true" / param name="FlashVars" value="xml=vcastr.xml" //object以上是XXX f 阅读全文

posted @ 2010-12-27 11:03 与时俱进阅读(585) 评论(0) 推荐(0) 编辑

与时俱进

随笔分类 - Html