首页 相关文章 轻松搞定IE的CSS制作网页技巧3则

轻松搞定IE的CSS制作网页技巧3则

众所周知道,IE向来是我们在制作网页时最难搞定的对手。但又迫于其用户群数量之多,我们不得不想法设法搞定它。下面,将介绍的将是利用其特点而被发现/创造出来的技巧。让你轻松搞定这个难对付的家伙。

IE注释:最安全的HACK IE的途径

!--[if IE]
link rel="stylesheet" type="text/css" href="ie.css" /
![endif]--

这应该是我最常用的方法了,一般情况下,我们现在已经不用考虑IE5或者以下的浏览器了,这个注释让我们可以轻松HACK IE,并且它是最安全的方法,因为别的浏览器不会显示/识别它(这里应该感谢微软的细心,即使他精粗心在先)。

至于IE8 beta,以其为主浏览器的用户算起来应该不到K级,也暂时不是我们应该搞定的对象(当然,搞定它是最好不过的事)。或者我们应该把希望放在他正式版对CSS完美的支持,而现在我们把最重要的放在搞定IE6
/IE7,区分它们,我最常用的是下面的代码:

#forieothers{...} // 用这个搞定IE7[ 查看全文 ]

2016-02-19 标签:
  • 标签:Web开发
    本篇总结了一些css常用技巧,为网站重构打下基础,但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100,但是在CSS中,你必须给一个准确的单位,比如:" width:100em。只有两个例外情况可以不定义单...[ 查看全文 ]
  • 标签:Web开发
    一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100,但是在CSS中,你必须给一个准确的单位,比如:" width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空...[ 查看全文 ]
  • 标签:Web开发
    众所周知道,IE向来是我们在制作网页时最难搞定的对手。但又迫于其用户群数量之多,我们不得不想法设法搞定它。下面,将介绍的将是利用其特点而被发现/创造出来的CSS技巧。让你轻松搞定这个难对付的家伙。 IE注释:最安全的HACK IE的途径 !--[if IE] link rel=”stylesheet” type=”text/css” href=”ie.css” / ![endif]– 这应该是我最常用的方法了,一般情况下,我们现在已经不用考虑IE5或者...[ 查看全文 ]
  • 标签:Web开发
    WEBJX.COM:不要说你看不懂,只是你不愿意看。:) I thought I'd share some of my habits when it comes to doing CSS work and let me warn you, some of what I have to say is probably a little controversial. But ...[ 查看全文 ]
  • 大家看到好的网页时,一定会想办法把它保存下来。通常我们都是利用IE本身的保存功能。但在很多时候,我们使用IE的网页保存功能保存网页时总会出现这样或那样的错误。或是长时间显示“正在保存……”却久无进展;或是表面上好像保存成功了,但当你想脱机浏览时,才发现得到的是无效或错误网页。那么这些问题该如何解决呢?下面我们就来看一下。   1、长时间无进展       ...[ 查看全文 ]
  • 标签:Web开发
    在CSS网页布局开发中,会有很多小技巧,新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在webjx.com的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以在webjx.com进行搜索,扩展您所想要得到的知识,相信您会有很多收获! 一、ul标签在Mozilla中默认是有padding值的,...[ 查看全文 ]
  • 标签:Web开发
    CSS的常用技巧放送(一) 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width: 100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其...[ 查看全文 ]
  • 标签:Web开发
    MacJi 偷懒翻译了部分,下午冒着被 BOSS 开除的危险将其补完(原文链接)。 使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。 清除容器浮动 #main {     overflow:hidden; } 期前也提到过这样的问题,更多信息可以看这里。 不让链接折行 a {  &n...[ 查看全文 ]
  • 标签:Web开发
    1、给滚动条换色 好多网站的滚动条不是系统默认的灰色,而是一些红色、蓝色的,请问这是如何做的? 答:这个很好实现,插入下面的代码: style body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色) SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色) SCROLLBAR-SHADOW-COLOR:#333333;(立体滚动条阴影的颜色) SCROLLBAR-ARROW-COLOR:#666666;(按钮上三角箭头的颜色) SC...[ 查看全文 ]
  • 标签:Web开发
    1.marquee 滚动样式是IE独有的,FF不支持 2.css中的filter效果是IE的私有属性,同样所有的非IE浏览器都不认识的. 3.text-transform:capitalize 强制第一个字母大写;   text-transform:lowercase 强制所有字母小写   text-transform:uppercase 强制所有字母大写 4.按钮陷下去的效果   a:hover { position:relative; top:1px; left:1px} 5.禁止内容换行与强制内容换行   在表格...[ 查看全文 ]
  • 标签:Web开发
    使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。 清除容器浮动 #main { overflow:hidden; } 期前也提到过这样的问题,更多信息可以看这里。 不让链接折行 a { white-space:nowrap; } 上面的设定就能避免...[ 查看全文 ]
  • 本篇总结了一些css常用技巧,为网站重构打下基础,但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100,但是在CSS中,你必须给一个准确的单位,比如:" width:100em。只有两个例外情况可以不定义单位:...[ 查看全文 ]
  • 标签:Web开发
    1. Block和inline元素对比 所有的HTML元素都属于block和inline之一。 block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 div, p, h1, form, ul 和 li是块元素的例子。 相反地,inline元素的特点是: 和其他元素都在一行上; 高,行高及顶和底边距不可改变; 宽度就是它的文字或图片的宽度,不可改变。 span, a, labe...[ 查看全文 ]
  • 标签:Web开发
    1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。 3. 确定错误发生的位置 如果错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后...[ 查看全文 ]
  • 标签:Web开发
    1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-serif 真不错!只有一点要提醒的:这种简写方法只有在同时指定font-size和font-family属性时才起作用。而...[ 查看全文 ]
  • 标签:Web开发
    本篇总结了一些css常用技巧,为网站重构打下基础,但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100,但是在CSS中,你必须给一个准确的单位,比如:" width:100em。只有两个例外情况可以不定义单位:行高和0值...[ 查看全文 ]
  • 标签:Web开发
    z-index属性简介 引用: z-index : auto | number auto: 默认值。 number: 无单位的整数值,可为负数 。 z-index值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象,z-index 值为正数的对象会在其之上,而 z-index 值为负数的对象在其之下。 注意:这个属性不会作用于窗口控件,如 select 对象。 在IE5.5+中, iframe 对象开始支持此属性。而在之前的浏览器版本中, iframe ...[ 查看全文 ]
  • 标签:Web开发
    技巧1 XmlNode.InnerText与.InnerXml的区别是:前者将内容中的和分别变成和,因此,希望将两段 XmlDocument 合并的程序只能使用  XmlDocumentFragment.InnerXml = XmlNode.OuterXml 技巧2 /XPath: string end-with  xsl:for-each select="root/data[substring-after(@name,'.')=  'Text' and string-length(value)0]" 技巧3 一个XML文档...[ 查看全文 ]
  • 标签:Web开发
    一.: 表格内的文字不会自动换行,怎么办? 有两种可能的情况: 第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在DW里表格内的文字不会自动换行,但这仅是DW里的显示效果,在IE里其实是可以正常换行的。如果希望在DW的编辑状态也能使文字自动换行,把表格内文字的字体设置为中文字体即可(例如“宋体”)。 第二种,你在表格中输入了连串无空格的英文或数字,它们被IE识别为一个完整...[ 查看全文 ]
  • 标签:Web开发
    在 CSS网页布局 开发中,会有很多小技巧,webjx.com相关的文章也有很多,但新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以在进行搜索,扩展您所想要得到的知识,相信您会有很多收获! 一、ul标签在Mozilla中默认是...[ 查看全文 ]
手机页面 收藏网站 回到头部