zoukankan      html  css  js  c++  java
  • IE6兼容

    1.设置placeholder属性值显示出来的信息颜色默认灰色当input value值为空时,

       placeholder 属性提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

       注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。

    2..文本垂直居中:input 、文字同时设行高,设vertical-align:top.就垂直居中了。

    3.a链接IE6写法:a:visited a:hover IE6识别.

    4.input text不可写readOnly="true 不变色不可编辑   disabled=”true” 变灰色不可编辑

      (1)Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。

      (2)如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效。

       而readonly只是针对文本输入框这类可以输入文本的输入项,如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点。

       onfocus="if (value =='请输入您的发票抬头'){value ='';}" onblur="if (value ==''){value='请输入您的发票抬头'}

        这个不但可以使提示文字消失,在用户未输入文字的状态下,它还可以恢复。

        onblur="if(this.value==''){this.value='请输入您的发票抬头';this.style.color='#999'}" onfocus="if(this.value=='请输入您的发票抬头'){this.value='';this.style.color='#000'}" style="color:#999"

       input文本框如果不输入文字,文本框显示“您的发票抬头”文字颜色为灰色。如果输入文字,文本框显示输入字体颜色为黑色。

          变成小手状cursor:pointer。

    5.IE不支持圆角,也会导致页面混乱。用圆角图片做背景图定位实现圆角效果。参考页面:职场十二计。

        

    6.图片等比例缩放IE6:max-width   max-height

    7.IE6双边距: 浮动元素会有一个著名的IE6双边距marginbug。假如你设置了左边距5px但实际上得到了10px左边距。为浮动元素添加display:inline。

    8.IE6不兼容postion:fixed弹窗随页面滚动,IE6闪动问题。

        .leftfloat{ float:left; 177px; position:fixed; top:5%; left:6.8%; z-index:99;}

        解决头部定位问题

       .leftfloat{

            _position: absolute;

           _top:expression(eval(document.documentElement.scrollTop+10));}  

        解决IE浮层闪动问题:

        *html body{background-image:url(about:blank);background-attachment:fixed;}

    9.CSS透明问题:

         IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。

         FF:opacity:0.6。

     [注] 两个都写,并将opacity属性放在下面。

     (filter:alpha(opacity=50); /*IE滤镜,透明度50%*/

      -moz-opacity:0.5; /*Firefox私有,透明度50%*/

      opacity:0.5;/*其他,透明度50%*/)

    10.IE6不支持png24图片解决方法:

         1.制作同样一个图片,改成gif格式,只让IE6使用。

        

       2.使用 DD_belatedPNG.js方法。

         加载JS,

    <!--[if IE 6]>
    <script src="DD_belatedPNG.js"></script>
    <script>
      DD_belatedPNG.fix('#logo img');
    </script>
    <![endif]-->
    <div class="banner">
    <a href="/" id="logo"><img src="logo.png" alt="懒人建站为您提供-JS广告代码,网页特效,原创建站视频和CSS技巧。"/><h1>懒人建站</h1></a>
    </div>
    
    

       解决IE6不支持PNG背景透明问题。PS:/* DD_belatedPNG.fix('*');改成*号也可以用*/

    11.border边框线IE6出现断线现象,有时左右消失,有时一边消失。

        解决方法:1.在父元素中加入height:1% (推荐)
           2.给父元素设置一个宽度或高度 。
                      3.给父元素设置一个背景色.

    12.ie6不支持除了a链接以外的标签的hover状态。

       解决:给body引入csshover.htc文件。即可实现其他元素的hover状态。

       

    13.icon小图标IE6使用.gif格式图片,有些图片上的图标不显示

    正常状态:

    错误状态IE6: 解决问题:

    分析:icon图标的类属性没有起作用,在当前类下,重新引用下,IE6可显示。

  • 相关阅读:
    Qt 学习之路 2(51):布尔表达式树模型
    Qt 学习之路 2(50):自定义可编辑模型
    Qt 学习之路 2(49):自定义只读模型
    Qt 学习之路 2(48):QSortFilterProxyModel
    spring boot 定时任务
    mybatis 操作总结
    MySQL 中常用的函数
    Maven dependencies 与 dependencyManagement 区别
    springboot 校验机制 @Validated @Valid
    Fork JOIN 分而治之
  • 原文地址:https://www.cnblogs.com/gzya/p/5091695.html
Copyright © 2011-2022 走看看