随笔分类 -  css样式

特殊的处理情况~~~特殊对待
css3动画
摘要：不用click事件实现循环切换动画菜单图标使用纯CSS动画input 类型checkbox id = name = label的for属性 css.menu-item, .menu-open-button {backgroun... 阅读全文
posted @ 2015-05-15 15:18 laugh 阅读(259) 评论(0) 推荐(0)
判断浏览器是ie的那个版本
摘要：判断ie不同版本，给body添加不同class，解决ie浏览器css样式兼容 var userAgent = window.navigator.userAgent.toLowerCase(); $.browser.msie10 = $.browser.msie && /msie 10\.0/i.... 阅读全文
posted @ 2014-07-28 15:28 laugh 阅读(165) 评论(0) 推荐(0)
css图像映射
摘要：记录下样式小细节，做回作业~~~作业内容均是嘎嘎！！！学到啦神马！！！定位！定位！定位！图像映射既是鼠标放上去给予提示信息 样式完全是用hover属性；效果如图：代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&g 阅读全文
posted @ 2012-09-15 01:42 laugh 阅读(1370) 评论(0) 推荐(0)
简单的css样式控制分页效果
摘要：记录下所见所学~~~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; ch 阅读全文
posted @ 2012-09-12 23:47 laugh 阅读(402) 评论(0) 推荐(0)
遍历DOM(NodeIterator和TreeWalker的使用)
摘要：声明NodeFilter在IE中不能使用第一种方法:使用NodeIterator可以用document对象的createNodeIterator()方法来创建NodeIterator对象，基本形式如下：var iterator = document.createNodeIterator(root, whatToShow, filter,entityReferenceExpansion);用到的四个参数意义如下：1、root:从树中的哪个节点开始搜索；2、whatToShow:一个数值代码，代表哪些节点需要搜索；3、filter:NodeFilter对象，用来决定需要忽略哪些节点；4、entit 阅读全文
posted @ 2012-03-20 21:58 laugh 阅读(2378) 评论(3) 推荐(1)
div中图片（大图）居中显示：table-cell；max-width关于i8 bug
摘要：test我的解决方法，不过要多加个div标签。。。。i8是没有问题了在针对ie7.Pic{width:50px;height:50px;display:table;table-layout:fixed; *display:block; *line-height:50px; }*display:block; *line-height:50px;欧克~~~　但是ie6下不支持max-width和max-height；其实使用css也可以搞定，但是css中要加入expression，这样对css来说不太好，影响css的加载。所以还是用js实现吧 嗯 好了~~~ 阅读全文
posted @ 2012-03-08 12:11 laugh 阅读(1808) 评论(0) 推荐(1)
js实现IE6下png背景透明，超简单，超牛！
摘要：var bgsleight = function() { function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } function fnLoadPngs() { var rslt = navigator.appVersio 阅读全文
posted @ 2011-11-22 15:12 laugh 阅读(266) 评论(0) 推荐(0)