随笔分类 -  HEML+CSS

css背景层半透明 内容不透明/能兼容ie6，ie7，ie8，ff
摘要：用一个大的div来包裹阴影层（半透明div）和p标记，p标记要放在阴影层之外；然后利用position:absolute、z-index、background-color、opacity、filter:alpha(opacity)等等样式，就能实现想第一种效果（对应第一图）的代码如下：代码如下复制代... 阅读全文
posted @ 2014-05-15 17:35 宁冉说说 阅读(327) 评论(0) 推荐(0)
[转文]浏览器的兼容
摘要：浏览器的内核Mozilla Firefox ( Gecko )Internet Explorer ( Trident )Opera ( Presto )Safari ( WebKit )Google Chrome ( WebKit )腾讯TT、世界之窗、360浏览器、遨游浏览器都是给IE加了个外壳，... 阅读全文
posted @ 2014-05-15 16:07 宁冉说说 阅读(342) 评论(0) 推荐(0)
解决PNG图片在IE6中背景不透明的问题
摘要：1、解决PNG图片在IE6中背景不透明的CSS与JS代码 - TOPJS代码function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVe... 阅读全文
posted @ 2014-05-15 11:48 宁冉说说 阅读(566) 评论(0) 推荐(0)
html类，id命名规范
摘要：[转文]网页中使用规范的css和id命名原则，有利于提高团队效率，减少后期维护成本，良好的结构对SEO（搜索引擎优化）也有作用，是对代码的优化是一个很关键的步骤。一、网页外层重要部分css样式命名： 外套 wrap ------------------用于最外层 头部 header --------... 阅读全文
posted @ 2014-05-14 18:39 宁冉说说 阅读(4749) 评论(0) 推荐(0)
转-firefox浏览器下margin-top不起作用的原因和对策
摘要：“collapsing margins”（折叠margin）的意思是：2个或以上盒模型之间（关系可以是相邻或嵌套）相邻的margin属性（这之间不能有非空内容、 padding区域、border边框或使用清除分离方法）结合表示为一个单独的margin。 在css2.1中，水平的margin不会被折叠... 阅读全文
posted @ 2014-05-13 22:43 宁冉说说 阅读(467) 评论(0) 推荐(0)