HTML
关注
分享
扫一扫
文章平均质量分 74
CaiKanXP
这个作者很懒，什么都没留下…
展开
-
又一段让IE6崩溃的CSS代码
<br />今天本想修改<a>标签内鼠标悬浮时的文本样式，于是测试是否可以利用伪类 :hover 结合 :first-letter 或 :first-line 来实现，结果发现了这一段可以让IE6崩溃的代码：<br /><style type="text/css">a {display: block;}div a:first-letter {background: red;}</style><div><a><span>x</span></a></div>原创 2010-11-02 16:43:00 · 2553 阅读 · 0 评论 -
IE7编码解析错误导致页面变成白板
<br />操作系统：Windows XP SP3<br />现象：页面显示一片空白。<br />原因：HTML字符编码识别错误<br />测试重现：<br />IE6/8都没有的问题，被IE7独占了：<br /><html><head><title>源</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body>如果你不能看到这段文字，说明IE7未正确解析HTML字符编原创 2010-11-19 13:06:00 · 2635 阅读 · 0 评论 -
IE标题被自动修改为网址片段标识（#之后的文字）的解决方案
问题症状：当页面中嵌入了flash，并且页面的地址中含有“片段标识”（Fragment Identifier，即网址#之后的文字）时，用IE浏览器访问此页面，会发现flash加载完成后，浏览器窗口的标题末尾会被加上“片段标识”，或是整个标题被替换成“片段标识”。问题出现条件：已知会导致问题的软件版本：IE6，Flash Player 11.0.1.152此问题目原创 2011-11-07 11:21:58 · 4400 阅读 · 3 评论 -
测试浏览器对window.JSON的支持情况
ECMA-262标准第5版已经内置了JSON对象，最新的浏览器都已经支持了，但老的浏览器还未完全退出市场，不能完全忽略。在地球被HTML5完全占领之前，测试一下各浏览器（主要是IE8）对内置 window.JSON 的支持情况，顺便也测了一下Box Model盒模型。主页面代码：index.html脚本代码：test.jsfunction p原创 2012-02-07 17:49:01 · 11016 阅读 · 0 评论 -
偶然发现的诡异现象：Chrome浏览器滚动条变色
偶然发现淘宝某些页面在Chrome下，滚动条显示带一点淡蓝色。例如：http://arcade.taobao.com/但是相同的页面在IE下打开，滚动条却还是默认的样式。可见并非兼容IE的经典滚动条样式。看来是Chrome特有的？查看源码就行分析。目前已知可以通过 ::-webkit-scrollbar 来设置webkit浏览器的滚动条样式，可是在本例中，完全找不到这样原创 2012-03-05 18:46:28 · 5270 阅读 · 2 评论 -
#灵感笔记#关于增强IE对CSS选择符的支持
虽然在官方规范之中，HTML有版本，CSS有级别，但实践当中无所谓版本级别，关键是看浏览器是否支持。如IE6不支持CSS子元素选择符，就非常令人沮丧。虽有其它替代方案，比如给HTML元素都加上类名，但那样代码量会增加不少，而且不能很好的利用HTML元素语义。目前有一个第三方js库 Selectivizr(http://selectivizr.com/)，当前版本v1.0.2，可增强IE原创 2012-03-21 18:15:27 · 2934 阅读 · 0 评论 -
CSS Sprites制作导航悬浮高亮各方案比较
只使用一张CSS Sprites图片，制作导航菜单背景，鼠标悬浮高亮（其实就是切换背景图）。由于各浏览器目前对“background-position-x”这种“不规范”的css属性支持程度不一，于是派生出多种实现方案。方案一：a { float: left; width: 80px; height: 40px; text-indent: -9999px; ov原创 2012-03-22 15:59:28 · 3907 阅读 · 0 评论 -
Chrome中利用HTML5实现具有文件“编辑”及“下载”功能的本地应用
【Data URL】最新的HTML5浏览器中，已经支持用Data URL（RFC2397）来引用“外部”资源了。比如下面的链接，在HTML5浏览器中点击后，会转到一个新页面，显示“Hello Data URL!”字样。Hello如果文本内容包含特殊字符怎么办？Data URL也是一种URL，也可以使用通用的URL转义编码：URL escaped上面的例子都是纯文本数据。其实Da原创 2012-11-12 03:48:31 · 9276 阅读 · 0 评论 -
PS多窗口间复制切片的“笨办法”
PS切页面，有时候可能会遇到这种情况：设计有改动，但是切片要和以前相同。此时如果可以直接利用以前切好的切片，就能省下很多重新划分切片的工夫。但设计人一般并不会在你上一次划过切片的PSD上修改，而是会重新输出一个PSD。可以将一个PSD中已经划好的切片复制到另一个PSD上吗？遗憾的是，目前PS CS6仍然不支持在多个窗口间复制切片，只能窗口内复制切片（按住Alt不松拖动切片即原创 2014-10-10 18:51:13 · 9992 阅读 · 0 评论