css兼容问题处理--小技巧

JackieDYH

于 2020-02-26 19:25:25 发布

阅读量394

点赞数 2

分类专栏：编码小技巧文章标签： css兼容问题 css html

本文链接：https://blog.csdn.net/JackieDYH/article/details/104522967

版权

编码小技巧专栏收录该内容

66 篇文章 2 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文主要探讨了在网页开发中遇到的CSS兼容性问题，并分享了一些实用的小技巧，包括使用浏览器前缀、选择合适的属性和 hack 方法来确保在不同浏览器间的一致显示。

摘要由CSDN通过智能技术生成

IE8兼容问题：
1）IE8下图片边框问题：
    img{
        border: none;
    }
2）IE8中背景复合属性写法问题
3）IE低版本浏览器的透明度设置问题
4）指定鼠标指针形状为手型， 并兼容所有浏览器
IE低版本浏览器兼容问题：
5）在IE6及更早版本的浏览器中定义小高问题
6）IE6及更早版本浏览器中浮动时产生的双边距问题
7）IE7中子元素相对定位，父元素overflow:hidden|auto失效的问题
8）IE7及更早版本的浏览器中，块级元素转行块元素，不在一行显示问题
9）IE7及更早版本的浏览器中，在li中出现2个或两个以上的子元素有浮动，li之间会产生空白间隙问题


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>