文章分类 -  Css

IE6 png 透明 (三种解决方法)
摘要:FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的=============================================================================此效果简单,。。。。相当不错 推荐style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"语法:filter : progid:DXImageTransform.Microsoft.AlphaImageLoade 阅读全文

posted @ 2011-10-22 11:42 小宝哥哥 阅读(109) 评论(0) 推荐(0)

IE使用innerHTML出现未知的运行时错误的原因
摘要:原因有两个1.元素的innerHTML属性是只读。。只读元素:COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR, INPUT, BR2.HTML错误的嵌套例如在p里嵌套div那修改div的innerHTML属性也会出现错误 阅读全文

posted @ 2011-08-13 11:02 小宝哥哥 阅读(155) 评论(0) 推荐(0)

解决Td内容为空时不显示边框的问题-兼容IE、firefox、chrome
摘要:创建好table,给table、td等设置好边框后,无意间发现td里没有内容的时候,边框竟然不会显示。开始的时候很懒,就在每个td里都先加一个空格,然后再把内容加到这个空格后面,这些,就算本身没有内容,但是有了空格,边框就会被显示。千万不要学习上面这种处理方法及处理态度遇到问题还是要找直接的解决方法,而不是找空子。上面这种方法虽然解决了问题,但是代码看起来很乱,而且如果你用的表格多了,每个地方都这样,迟早会烦死。 正确的解决方法:用css来控制,代码如下:table{ border-collapse:collapse;}table td{ empty-cells : show}并且,兼容各种浏 阅读全文

posted @ 2011-08-13 08:41 小宝哥哥 阅读(174) 评论(0) 推荐(0)

Css技巧:模块化编码
摘要:原生Js因jQuery的”write less,do more”变得极简, Html因语义化编码变得简明, 那么, 有没有一种方式让Css也更加的高效精致呢? 当然有, 那便是模块化编码。Css的模块化,我们可以理解成(抑或本身就是)OOP思想, 重用性、灵活性、可扩展性便是它终极的目标, “类”便是它的核心, OOP的多用组合少用继承一样是它的基本原则。 Css模块化是一个新颖高效的Css编码方式, 若有接触过YUI Css的朋友肯定对这种方式有所了解。如何Css模块化, 我想这才是大家真正关心的。 我所理解的C 阅读全文

posted @ 2011-02-11 11:34 小宝哥哥 阅读(233) 评论(0) 推荐(0)

CSS+DIV实现圆角按钮效果
摘要:[代码]css圆角按钮 阅读全文

posted @ 2011-01-26 18:40 小宝哥哥 阅读(776) 评论(0) 推荐(0)

CSS hack的实现方式及Windows系统下各浏览器常用CSS hack汇总表
摘要:W3C CSS2.1 标准也规定了浏览器应当支持的特性属性或值。虽然如此,W3C也不可能强制浏览器厂商必须遵循标准。因此就出现了各大厂商对标准的实现不尽相同的现象。由于不同的浏览器,比如IE6、 IE7、 IE8、 Firefox等,对CSS解析的标准不同,因此对于相同的 CSS代码,可能会生成不同的页面效果,从而无法在所有浏览器中得到我们想要的效果。这时,我们就需要针对不同的浏览器去写不同的CSS代码,让它能够在所有浏览器中获得相同的效果。这个过程,就是CSS hack。也就是写出只有个别浏览器或某些浏览器识别的CSS代码。CSS hack是因为现有浏览器对标准的解析不同,为了兼容各浏览器, 阅读全文

posted @ 2010-12-31 13:40 小宝哥哥 阅读(291) 评论(0) 推荐(0)

CSS hack浏览器兼容一览表
摘要:CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助。 阅读全文

posted @ 2010-12-31 13:36 小宝哥哥 阅读(121) 评论(0) 推荐(0)

div+CSS布局时IE6的3px问题
摘要:IE6和更早的版本会在一个浮动的列(橙色)和一个非浮动的列(灰色)之间插入一个3px的空间。这个3px空间的准确位置取决于几个条件。非浮动列没有固定的宽度或者高度。 非浮动列有固定的宽度或者高度。 当满足第1种条件时,非浮动列里会沿着浮动列有个3px的缩进,直到浮动终止(如下图,注意在灰色内部的左边有3px的空间)。 如果要修复这个BUG,要完成两个步骤。第一步,给非浮动列一个高度(height: 1px)。当完成这个步骤时,就满足了上面所说的第2个条件,非浮动列有固定的宽度或高度。这时3px的空间会出现在浮动列与非浮动列的中间,而不是非浮动列的里面(如下图,注意在橙色与灰色的交界处有3px的 阅读全文

posted @ 2010-12-31 13:26 小宝哥哥 阅读(409) 评论(0) 推荐(0)

Css框架
摘要:什么是框架?框架是一种你能够使用在你的web项目中概念上的结构。CSS框架一般是CSS文件的集合,包括基本风格的字体排版,表单样式,表格布局等等,比如: typography.css 字体排版规则、 grid.css 表格布局、 layout.css 布局、 form.css 表单、 general.css CSS常规设置等。下面是一些不错的CSS框架推荐Elements CSS FrameworksElements 是一个基础CSS框架,它用来帮助设计者书写CSS更加快捷简单。它不仅是一个框架,它拥有自己的工作流。它拥有你需要完成项目的各种元素,查看介绍:Overview。YUI Grids 阅读全文

posted @ 2010-12-29 17:04 小宝哥哥 阅读(304) 评论(0) 推荐(0)

IE与火狐FF中div高度自适应问题的解决(三种方法)
摘要:在网上找了有很多解决该问题的方法:解决方法1: div div style="float:left;"111111111/div div style="float:right;"22222222/div div style="clear:both;"/div /div解决方法2: div style="overflow:auto;" div style="float:left;"1111111111/div div style="float:right;"2222222222/div /div解决方法3(javscript):!DOCT 阅读全文

posted @ 2010-12-27 11:10 小宝哥哥 阅读(236) 评论(0) 推荐(0)

兼容火狐css控制超出部分用省略号代替
摘要:style!--* { margin: 0; padding: 0; }a { text-decoration: none; color: #000; }a:hover { text-decoration: none; color: #000; }ul {width: 300px;margin: 40px auto;padding: 12px 4px 12px 24px;border: 1px solid #D4D4D4;background: #F1F1F1;}li { margin: 12px 0; }li a {display: block;width: 80px;overflow 阅读全文

posted @ 2010-12-09 23:39 小宝哥哥 阅读(264) 评论(0) 推荐(1)

css图片和文字对齐
摘要:文字旁边搭配图片时,发现图片比文字靠上,原来默认的情况是图片顶对齐而文字底对齐,通过设置css属性可以使得图片与文字对齐。设置各对象的vertical-align属性,属性说明:baseline-将支持valign特性的对象的内容与基线对齐sub-垂直对齐文本的下标super-垂直对齐文本的上标top-将支持valign特性的对象的内容与对象顶端对齐text-top-将支持valign特性的对象的... 阅读全文

posted @ 2010-11-24 18:31 小宝哥哥 阅读(885) 评论(0) 推荐(0)

导航

Tasup