CSS实例教程:IE6奇数宽度或高度的bug

CSS实例教程:IE6奇数宽度或高度的bug的相关文章

• 
  IE6奇数宽度或高度的BUG

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  IE6真是太疯狂了。今天由于项目需要做了这么一个布局：一个外部的相对定位div，内部一个绝对定位的div(right:0)， 如图： 可是在IE6下查看，却变成了right:1px的效果了： IE6还有奇数宽度的bug，解决方案就是将外部相对定位的div宽度改成偶数。 查看源码： CSS代码 #out { width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数就OK了*/ height: 300px; position: relative; background:#F...[ 查看全文 ]

  馃拫榛勯噾灞

  01
• 
  IE6下DIV高度显示的Bug

  标签：Web开发

  IE6下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。 要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 div 高度的自动调整。比如 div style="height: 6px; font: 0px ...[ 查看全文 ]

  aaa15751843

  11
• 
  css的优先级和!important与ie6的BUG

  标签：Web开发

  一 css的优先级 今天有人跟我说css hack中用!important来区分ie6，因为ie6不支持!important，是的在很早以前我也是用过这种方法写hack，但是后来就基本不用了。本来我对他谁的ie6不支持!important也没什么异议，可是正好在前几天正好用个这个!important属性解决了一个样式优先级的问题，而且是支持ie6的，这是为什么呢？到底ie6支不支持!important呢？ 首先我们来看看!important这个属性的作用：!impo...[ 查看全文 ]

  蔻提派儿

  101
• 
  CSS教程:兼容ie6,ie7,ff的fixed

  标签：Web开发

  效果地址： !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"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlefixed ie6/titlestyle type="text/css"body{background-image:url(about...[ 查看全文 ]

  悠然雪魅

  21
• 
  CSS兼容IE6,IE7,FF的技巧

  标签：Web开发

  一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) style #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } /style 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. style #wrapper { #wrapper { wid...[ 查看全文 ]

  哈哈神马啊

  51
• 
  针对firefox ie6 ie7的css样式

  标签：Web开发

  本人专业是做UI的，写CSS已经有好几年了，目前刚刚在博客发布关于CSS的文章，欢迎有问题的朋友在有问必答论坛提问，我一定尽力解答。 1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一个CSS...[ 查看全文 ]

  记忆中你不在

  41
• 
  CSS技巧：IE6用import导入CSS的问题

  标签：Web开发

  在ie 6中可以先写CSS再加import比如 p {} @import url("base.css"); 但在浏览器里死活是渲染不出来. 用抓包工具跟踪, 根本就没有请求... 如果去掉上面的p选择符,或者放到import下方就可以渲染, 按标准来说import是要放首行的,但aoao说IE6是可以先放其它的CSS再加import的. @import url("base.css"); p {} 如果我再尝试把css的import写成link这样,也是可行的 style p {} /style ...[ 查看全文 ]

  Zhong央Jun委

  71
• 
  CSS教程:让IE6支持position:fixed

  标签：Web开发

  参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 操作系统：Windows 我喜欢position:fixed，它很酷。 但ie6总不支持它，所以用其他的属性来模拟（这个模拟在主流浏览器中都兼容，所以其他浏览器也不需要分开写position:fixed了）。 看效果先： 运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra...[ 查看全文 ]

  悲剧演员57

  21
• 
  CSS教程：汇总让IE6崩溃的几种方法

  标签：Web开发

  经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章，网页教学网整理整理发上来，以后开发的时候要注意了。 鉴于国内IE6的市场份额还在主流的情况，一定要避免出现以下情况。 IE6真脆弱啊 1.设置 scrollbar-base-color ，css里给table做了定位，再通过js改变其定位IE6就崩溃了。 关键代码： style type="text/css"   html, body {     scrollbar-base-color: #3...[ 查看全文 ]

  iluekdzhuo9

  31
• 
  区分IE6,IE7和firefox的CSS hack

  标签：Web开发

  区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !important;*background:blue; 注：IE都能识别*;标准浏览器(如FF)不能识别*； IE6能识别*，但不能识别 !important, IE7能识别*，也能识别!important; FF不能识别*，但...[ 查看全文 ]

  寻找不同的人生

  11
• 
  修正IE6不支持position:fixed的bug

  标签：Web开发

  众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候，遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友，一起BS我……但是对于大项目或商业网站，如果有用到这个属性的时候，是不可能直接无视的。 你是如何让position:fixed在IE6中工作的？ 本文所使用的技巧是用了一条Internet Explorer的CSS表达式(expressio...[ 查看全文 ]

  wo随手拍拍

  31
• 
  css教程：IE6、IE7和FF的hack的运用技巧

  标签：Html CSS布局 Div+CSS XHTML

  CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。 FF浏览器 .test{     height:20px;     background-color:orange; } IE7浏览器 *+html .test{/*IE7*/     height:20px;     background-color:blue; } IE6浏览器 *html .test{/*...[ 查看全文 ]

  倾我所有D

  111
• 
  CSS Hack:区分IE6/IE7/IE8/Firefox

  标签：Web开发

  今天被在修改CSS的时候，突然碰到要单独Hack IE8的。当然，用注释非常方便，只要添加相应的注释就可以解决。但问题是，为了一句CSS写多一个文件，或者在header上添加注释，那显然不是懒人的习惯做法。结论如下： selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _property:value; /* IE6 */ } 当然，注意顺序。根据CSS的优先性...[ 查看全文 ]

  猎狐狸

  01
• 
  CSS编码差异 导致IE6不能正常解析CSS文件

  标签：Web开发

  在做div css网页设计的时候突然IE6不能正常解析CSS文件，解决半天也不得其解，于是上网去找老师，最后在网上找到了一篇好的文章，且解决了问题，特发出来为大家欣赏，首先谢谢本文作者。 网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人...[ 查看全文 ]

  爱华古典家具

  21
• 
  IE6编码问题无法正确解析CSS文件

  标签：Web开发

  本文为转载，是一个网友在实际工作中遇到的问题，在此52CSS转载过来，大家在遇到此类问题时，可以有一定经验。 又是IE6，又是编码，说来说去都是这些问题。今天在做一个网页的时候发现 IE6 版本以下的浏览器不能把CSS正确地表现出来，CSS 好像没有产生任何作用！而 IE7 、Opera9 和 Firefox2 则没有任何问题。经过长久的分析研究，终于被我发现产生问题的...[ 查看全文 ]

  夜里独zi哭泣

  41
• 
  IE6因为编码问题无法正确解析CSS

  标签：Web开发

  在做div+css网页设计的时候突然IE6不能正常解析CSS文件，解决半天也不得其解，于是上网去找老师，最后在网上找到了一篇好的文章，且解决了问题，特发出来为大家欣赏，首先谢谢本文作者。 网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当&...[ 查看全文 ]

  北京一夜制造

  41
• 
  IE8、IE7、IE6、FF简单的CSS HACK测试

  标签：Web开发

  简单试用了一下IE8后，今天相对有时间点，对IE8、IE7、IE6、Firefox2.0.0.12做了简单的一些CSS HACK测试。 样式代码： p {color:#f00;} xhtml代码： p文字/p 主要是测试文字这个颜色在不同浏览器下使用hack的一些结果报告。 早上测试的东西少了几个，这里补上，还有更多的东西等怿飞的测试报告。下午有时间再看看其他一些属性，不过现在这些只是IE8测试版的问题，正式版应该会...[ 查看全文 ]

  爱尚KTV唐飞

  31
• 
  玩转CSS CSS精彩实例教程(一)

  标签：Web开发

  CSS(Cascading Stylesheets，层叠样式表)是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时，CSS简直象是神对我们的恩赐! 前言 CSS(Cascading Stylesheets，层叠样式表)是一种制作网页的新技术...[ 查看全文 ]

  安然vfcjx

  21
• 
  玩转CSS CSS精彩实例教程(三)

  标签：Web开发

  十二、控制BOX的样式 样式表规定了一个容器BOX，它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。 为了大家更好地理解这些属性的意义，以及互相之间的关系，请看下面这个图示: 1.边框空白(MARGIN) 如图所示，位于BOX模型的最外层，包括四项属性。 格式分别如下: ·margin-top:顶部空白距离 ·margin-right:右边...[ 查看全文 ]

  假如你说Max

  21
• 
  玩转CSS CSS精彩实例教程(二)

  标签：Web开发

  七、控制文字的样式 控制文字的样式包括文字大小写、文字修饰两个部分。 1.文字大小写 文字大小写使网页的设计者不用在输入文字时就完成文字的大小写，而可以在输入完毕后，再根据需要对局部的文字设置大小写。 基本格式如下: text-transform: 参数 参数取值范围: ·uppercase:所有文字大写显示 ·lowercase:所有文字小写显示 ·capitalize:每个单词的头...[ 查看全文 ]

  莎莎小女王22

  01