摘要: SmartSprites 可以让你很容易的使用 css sprites, 并且容易维护,你可以在 css 文件中插入一些标记和指令, 来指示某些图片是否放入 css sprites 图片里,SmartSprites 会解析你的css 文件去自动生成合成图, 并且生成需要的样式. 如果图片有修改,只需执行一下命令,新的sprite就又生成了。这样就可以大大的提高开发效率,维护起来也比较方便。快速引导:1.下载并且安装 jdk1.5 以上版本。2.下载SmartSprites http://csssprites.org/download.html?v0.2.6并解压到任意目录下。3.修改smart 阅读全文
posted @ 2011-08-04 19:41 拉登不开心 阅读(548) 评论(0) 推荐(0) 编辑
摘要: 在IE6下,鼠标hover一个相对定位元素时,如果在伪类:hover里面设置样式zoom:1,这个时候浏览器就会崩溃。<!doctype html><html><head> <meta charset="gbk" /> <title>IE6-hover-browser-destroy</title> <style> .hoverme{ position:relative; } .hoverme:hover{ zoom:1; } </style></head><b 阅读全文
posted @ 2012-07-09 13:07 拉登不开心 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 经常被测试骚扰说某个链接没有新窗口打开,没办法把所有链接都设置target=“_blank”,后来才知道可以在head里面加上一个<base target="_blank"/>解决此问题这个一定要加在head里面,否则ie7和ie8会不生效 阅读全文
posted @ 2012-06-18 21:20 拉登不开心 阅读(289) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>JSCode demo</title> <link rel="stylesheet" type="text/css" href="/css/normalize.css"> <style type="text/css"> body {background: #000 url(inde 阅读全文
posted @ 2012-06-05 23:43 拉登不开心 阅读(454) 评论(0) 推荐(0) 编辑
摘要: position:absolute定位在IE6下存在left和bottom的定位错误问题:<!--IE6下的定位错误--><div style='position:relative;border:1px solid orange;text-align:center;'> <a href='#'>IE6下的left定位错误</a> <div style='position:absolute;top:0;left:0;background:#CCC;'>IE6 bug</div> 阅读全文
posted @ 2012-04-27 23:20 拉登不开心 阅读(234) 评论(0) 推荐(0) 编辑
摘要: function insertNodeAtCursor(node) { var range, html; if (window.getSelection && window.getSelection().getRangeAt) { range = window.getSelection().getRangeAt(0); range.insertNode(node); } else if (document.selection && document.selection.createRange) { range = document.s... 阅读全文
posted @ 2012-04-17 09:58 拉登不开心 阅读(396) 评论(0) 推荐(0) 编辑
摘要: <!doctype html><html><head> <meta charset="gbk" /> <title>IE6 fixed</title> <style> .img1 { position:fixed; left:0; bottom:10px; _position:absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHe... 阅读全文
posted @ 2012-04-09 19:01 拉登不开心 阅读(781) 评论(0) 推荐(0) 编辑
摘要: http://www.cnblogs.com/anychem/archive/2012/04/08/2437913.html 阅读全文
posted @ 2012-04-09 17:30 拉登不开心 阅读(105) 评论(0) 推荐(0) 编辑
摘要: http://www.cnblogs.com/rt0d/archive/2011/04/17/2018646.html 阅读全文
posted @ 2012-03-07 14:12 拉登不开心 阅读(111) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE HTML><html> <head> <link href="http://a.tbcdn.cn/??tbsp/tbsp.css" rel="stylesheet"> <style type="text/css"> li { width:300px; height:30px; } li.fuck { position:fixed;/*IE6下 fixed定位的结点会阻止他以及他以后的块级... 阅读全文
posted @ 2012-03-07 11:05 拉登不开心 阅读(186) 评论(0) 推荐(0) 编辑
摘要: http://90-designer.com/demo/share/ 阅读全文
posted @ 2012-03-05 14:33 拉登不开心 阅读(131) 评论(0) 推荐(0) 编辑