zoukankan
html css js c++ java
魔哥Css:背景色透明,内容不透明之终极方法!兼容(不支持ie6)。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>小魔出品</title> <style> body {background:url(http://www.google.com.hk/intl/zh-CN/images/logo_cn.png) 0 0 repeat;} * {margin:0;padding:0;} .Boxer {600px;height:400px;overflow:hidden;margin:0 auto;border:6px solid red;} .Opacity { height:400px; background-color:rgba(0,0,0,0.5); /*标准浏览器 只需这句*/ background-color:#000\9; /*IE 系列*/ filter:alpha(opacity=50); /*IE 系列*/ /* 作为透明背景的层,不可以有 position 属性,不知为何。。。 。 background-color:rgba(0,0,0,0.5) 这句,IE6貌似能读懂一小部分,我艹了。所以只能将background-color:#000 写在其后,然后加个IE的专有Hack。 不信可以写一个试试看 background-color:#000;background-color:rgba(0,0,0,0.5);filter:alpha(opacity=50); IE6会让你蛋疼的! */ } .BoxerInner {position:relative; /*IE 系列*/ text-align:center;font-size:24px;font-weight:700;color:yellow;} </style> </head> <body> <p style="font-size:60px;color:#000;text-align:center;padding:20px;font-weight:700;">Css:背景色透明,内容不透明之终极方法!兼容,终极。</p> <div class="Boxer"> <div class="Opacity"> <div class="BoxerInner">BoxerInner</div> </div> </div> </body> </html>
运行代码
查看全文
相关阅读:
python出现import _socket ImportError: DLL load failed: %1 不是有效的 Win32 应用程序问题
python 从字符串中解析xml
python快速上手-让繁琐工作自动化之超级秒表,解决判断输入为回车以及时间相减
python利用socket模块,写一个最最简单的tcp通信
centOS7运行qt程序出现error: #error "Qt requires C++11 support
Ubuntu下面QT编译报错: 错误 :-1: error: collect2: ld 返回 1
Ubuntu环境,qt creator中,出现Cannot run compiler 'g++' Maybe you forgot to setup the environment解决方案
电脑屏幕自动随背景变化解决方法
Linux QT Kit丢失Version为空?
Django signal 信号量
原文地址:https://www.cnblogs.com/jikey/p/1857217.html
最新文章
Visual Studio 2017 调试器的工作进程(msvsmon.exe)意外退出 调试将终止
[翻译]第三天- 在 Mac 上运行 .NET Core 应用程序
在 Ubuntu 16.04上安装 vsFTPd
几款移动跨平台App开发框架比较
Android SDK Mangaer 需要下载的组件
Cordova
ASP.NET WebAPI (反)序列化用[SerializableAttribute]修饰的类的一个坑
[翻译] ASP.NET WebAPI 中的异常处理
[翻译]第二天
Navicat Premium 12连接Oracle时提示oracle library is not loaded的问题解决
热门文章
asp.net 连接linux服务器oracle,报错误。“System.Data.OracleClient 需要 Oracle 客户端软件 8.1.7 或更高版本。
com.itrus.cryptorole.CryptoException: java.io.IOException: exception unwrapping private key
文本框失去焦点 截掉小数点后3位数
asp.net Session 一般设置
JQuery 异步提交表单
nopi 导入
jQuery获取自动截取过长的文本内容,显示成省略号
SqlHelper
JSONHelper 的摘要说明
visual studio2017只有一个.dll文件,如何成功调用,并解决错误代码14001以及运行时异常问题
Copyright © 2011-2022 走看看