zoukankan      html  css  js  c++  java
  • (一)IE8以下background不起作用

      最近遇到了些小bug,在这里做个记录分享下。低版本的浏览器不支持新属性或者说对代码的解析方式不一样,导致最后解析出来的结果五花八门,各种浏览器之间的兼容的确是一个令开发人员头疼的事情,不过有时候换一个思路去写也许能避免许多hack,不管是js hack还是css hack始终都是不推荐的,能避免则避免。

      先分享一篇别人总结的 css hack方式,比较齐全,感谢原博主。http://blog.csdn.net/freshlover/article/details/12132801

    我的问题描述:background背景设置在IE8及以下显示不正常

    这个也不算是啥bug,应该说是我自己写法不规范造成的。

     1 <!doctype html>
     2 <html>
     3 <head>
     4 <meta charset="utf-8">
     5 <title>你还起作用吗</title>
     6     <style>
     7         div{
     8              200px;
     9             height: 200px;
    10             background: #5ea593 url(2.jpg)0 0 no-repeat;
    11         }
    12     </style>
    13 </head>
    14 <body>
    15     <div></div>
    16 </body>
    17 </html>

    这样写的方式,注意:在url和0之间没有空格隔开,在ie9+是没有问题的,但是在ie8及以下是不正常的。开始这个问题困扰了我好久,不知道哪出了问题。后来找到原因了真是恨死自己了。

    解决:background: #5ea593 url(2.jpg) 0 0 no-repeat;在url和0之间用空格隔开。

    所以啊,以后写代码务必要规范!规范!不然有可能会花很多时间去做无用功。

  • 相关阅读:
    git 的安装与初始化
    django的ORM
    elasticsearch基本使用
    给django视图类添加装饰器
    python的编码
    为django项目配置celery的后台启动
    django+celery +rabbitmq
    hadoop安装
    django中间件
    Blockchain For Dummies(IBM Limited Edition
  • 原文地址:https://www.cnblogs.com/liudaxia/p/5000132.html
Copyright © 2011-2022 走看看