ie浏览器透明背景设置

最新推荐文章于 2024-06-10 09:49:45 发布

精诚smail

最新推荐文章于 2024-06-10 09:49:45 发布

阅读量2.9k

点赞数

分类专栏： css 文章标签： ie浏览器透明背景设置

本文链接：https://blog.csdn.net/unique_jx/article/details/52789441

版权

本文介绍了如何在IE8浏览器中实现背景透明的效果，并通过效果截图与Chrome浏览器进行对比，探讨了不同浏览器下透明背景的实现差异。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ie浏览器透明度设置</title>
    <style>
        body {
            background: #ddd;
            color: #fff;
            margin: 0 auto;
        }
        /*ie9以及 以上*/
          .pages{
                background: rgba(0,0,0,.5);
                height: 100px;
                text-align: center;
                margin:0 auto;
                line-height: 100px;
          }
        @media \0screen\,screen\9 {/* 只支持IE6、7、8 */
            .pages{
                background-color:#666;
                filter:Alpha(opacity=50);
                position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
                *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
                text-align: center;
            }
            .pages div{
                position: relative;/* 设置子元素为相对定位，

最低0.47元/天解锁文章

精诚smail

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
ie浏览器透明背景设置

ie浏览器透明度设置 body { background: #ddd; color: #fff; margin: 0 auto; } /*ie9以及以上*/ .pages{ background: rgba(0,0,
复制链接

扫一扫

专栏目录