作者: admin

  • IE6兼容max-width解决方法

    [code].yangshi{max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?”1000px”:””);overflow:hidden;}[/code]

    说明:max-width:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围宽度。而_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?”1000px”:””);overflow:hidden;则是让IE6支持max-width替代CSS代码,但效果和其它版本浏览器相同效果。
    让所有浏览器都支持max-width的CSS样式代码,完整:
    max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?”1000px”:””);overflow:hidden; 这里的1000和1000px是你需要的数值,注意3个数值的相同。

    设置最大max-width的时候别忘记加上overflow:hidden;

  • css z-index使用条件

    z-index 跟具体数字
    [code]div{z-index:100}或者div{z-index:-100}[/code]
    z-index的数字越高越靠前,并且值必须为整数和正数(正数的整数)。
    Z-index在使用绝对定位 position:absolute属性条件下使用才能使用。

  • css cursor鼠标指针光标样式

    我们在DIV CSS布局时候,我们会遇到对对象内鼠标指针光标进行控制,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外,可以通过CSS设置图片为鼠标指针,常见有些网站鼠标指针是各种各样小图片样式,当然这个是通过css cursor设置鼠标样式。
    常用cursor光标说明:
    1)、div{ cursor:default }默认正常鼠标指针
    2)、div{ cursor:hand }和div{ cursor:text } 文本选择效果
    3)、div{ cursor:move } 移动选择效果
    4)、div{ cursor:pointer } css手型形状 链接选择效果
    5)、div{ cursor:url(url图片地址) }设置对象为图片

  • ie9字体不能垂直居中 ie9 line-height失效兼容问题解决篇

    ie9 line-height失效原因是CSS中使用了中文字体,而中文字体使用汉字。如:
    [code]font-family:”微软雅黑”[/code]
    使用CSS字体font-family样式使用了“宋体”、“黑体”或“微软雅黑”等中文字体以汉字设置于CSS中。
    在网页DIV+CSS布局中不可避免使用中文字体如:黑体、宋体、微软雅黑等中文字体,如何正确使用这些中文字体样式呢?接下来我们来了解如何解决使用这些中文字体,又兼容IE9,支持IE9使用汉字字体。
    解决ie9字体不垂直居中方法:
    将中文字体汉字转换为Unicode编码,
    “黑体”对应Unicode编码为“\9ED1\4F53”
    “宋体”对应Unicode编码为“\5B8B\4F53”
    “仿宋”对应Unicode编码为“\4EFF\5B8B”
    “微软雅黑”对应Unicode编码为“\5FAE\8F6F\96C5\9ED1”
    将汉字转换为Unicode编码的字符,即成功设置相应字体,又兼容IE9浏览器支持垂直居中line-height样式。
    [code].div{ font-family:”微软雅黑”}[/code]
    转化为
    [code].div{ font-family:”\5FAE\8F6F\96C5\9ED1″} [/code]
    汉字字体中文字转换为Unicode编码后字体效果相同,不受影响,兼容各大浏览器。

  • jquery鼠标经过文字阴影层上拉效果

    鼠标经过弹出图片介绍信息的jquery代码

    jquery下载