itRef.cn技术参考网站

当前位置: 主页 > CSS >
  • [CSS] 文本输入框input背景的兼容性解决 日期:2010-06-23 18:43:00 点击:921 好评:0

    问题描述: 在IE浏览器下,设置文本框的背景图片,当文本框内文字超过文本框的宽度,且光标位于超过文本框长度的文字段的位置时,文本框的背景就会随文本框内的隐藏文字而移动。 发上条件: 1. IE浏览器 2. 文本输入框,且设置了背景图片 3. 文本框文字超过...

  • [CSS] IE6、IE7下inline-block兼容性问题 日期:2010-06-19 10:54:00 点击:884 好评:-2

    问题描述: 如果把块级元素的样式设置为display:inline-block,在IE6、IE7中显示并不正常,而是使用默认的display:block来显示,而IE8、FF则显示正常。 发生条件: 1. IE6、IE7浏览器 2. 块级元素,如h1, h2, h3, h4, h5, h6, div, ul, ol, li, p, dl,dt, dd...

  • [CSS] IE6显示png半透明图片详解 日期:2010-06-13 15:58:00 点击:812 好评:-2

    当网页中使用半透明的图片时,在IE6浏览器下半透明部分会显示灰色的背景,而其它浏览器则正常显示。 发生的条件: 1. IE6 浏览器 2. 使用半透明的png24位图片 png8和gif类似,是全透明类型,没有alpha半透明通道,该类型不存在这种情况。 解决的方法: 1. 使...

  • [CSS] CSS样式文件的注释导致样式失效 日期:2010-06-12 13:49:00 点击:195 好评:0

    以前碰到一个奇怪的问题,发现样式表中某些样式在所有浏览器都正常,除了IE6。后面经过慢慢追查,发现是因为一个注释导致的。以下是一个出现该问题的例子: 样式文件: *{ margin : 0 ; padding : 0 ;} p{ margin-top : 25px ;} /*[.]分离*/ . red { color :...

  • [CSS] inline-block容器随text-indent隐藏的问题 日期:2010-06-11 14:49:00 点击:257 好评:0

    问题描述: 当一个设置了display:inline-block,text-indent:-500px样式的元素B,是块级元素A的第一个子元素时,在IE6、IE7浏览器中元素A会继承元素B中text-indent的样式,使元素B被隐藏。 发生条件: 1. IE6、IE7浏览器 2. 元素B,display:inline-block,text...

  • [CSS] input按钮无法在IE6、IE7中隐藏文字 日期:2010-06-11 13:52:00 点击:596 好评:0

    问题描述 : 在IE6、IE7下,如果设置了input按钮的背景图片,且用text-indent:-500px;隐藏按钮的文字时,会出现有时文字无法隐藏的情况。 发生条件: 1. IE6、IE7浏览器 2. input按钮 3. input的value值只有英文字符 4. 设置了background、display:inline-bl...

  • [CSS] IE6、IE7父容器padding-top问题 日期:2010-06-10 15:37:00 点击:1061 好评:0

    今天碰到一个奇怪的CSS布局兼容性问题,给浮动父容器设置padding-top时,在IE8和FF都显示正常,但在IE6、IE7时,父容器的padding-top却被浮动的元素所继承,导致布局错误。具体区别如下图: IE8、FF显示: IE6、IE7显示: 出现问题代码: !DOCTYPE html PUBL...

  • [CSS] table固定表头实例 日期:2010-06-08 17:18:00 点击:1670 好评:4

    功能描述: 表格的头部固定,表格的内容如果超过设定的高度,则出现滚动条,滑动滚动条时,表格内容跟着滚动条滚动,而表头固定不动。 实例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit...

  • [CSS] 诡异的li的list-style样式 日期:2010-06-03 20:04:00 点击:249 好评:0

    在以前页面制作的时候碰到一种情况,需要把类似这样的内容进行布局 1. 问题1 答:这个是回答的内容,内容长度不确定,可能是一行,也可能是两行。 2. 问题2 答:这个是回答的的内容。。。 要求: 1. “答:”与回答的内容分成两列 2. 使用div CSS,不使用tab...

  • [CSS] li中list-style样式的兼容性 日期:2010-05-28 11:17:00 点击:391 好评:0

    对于li,平常使用list-style:none;进行格式化不会出什么问题,但当其父容器ul的样式中有float:left|right;display:inline时,(IE6和IE7)与(IE8、FF)的显示是不一样的。 IE6、7显示: IE8、FF显示: 兼容性解决方法: list-style:none outside none; 实例...

栏目列表
推荐内容