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>
运行代码
查看全文
相关阅读:
hihoCoder #1179 : 永恒游戏 (暴力枚举)
HDU 5269 ZYB loves Xor I (二分法)
HDU 5268 ZYB loves Score (简单模拟,水)
acdream 1683 村民的怪癖(KMP,经典变形)
acdream 1686 梦醒(时钟重合)
acdream 1685 多民族王国(DFS,并查集)
acdream 1681 跳远女王(BFS,暴力)
HDU 5265 pog loves szh II (技巧)
HDU 5264 pog loves szh I (字符串,水)
HDU 1023 Train Problem II (卡特兰数,经典)
原文地址:https://www.cnblogs.com/jikey/p/1857217.html
最新文章
babel之配置文件.babelrc入门详解
vue-cli中的babel配置文件.babelrc详解
前端webpack & vue
webpack4.0.1的坑
webpack2.0 基本使用
关于java中的值传递和引用传递(也就是地址传递)
Javadoc 使用详解
将Eclipse,MyEclipse等编辑器的项目管理框颜色改为护眼豆沙绿的方法
Eclipse 各种小图标的含义
在jsp页面,如何让一个button具有submit的功能
热门文章
jsp中submit的连接属性是什么?
iwap问题
关于request.getServletPath(),request.getContextPath()的总结
MYSQL数据库类型与JAVA类型对应表
java application指的到底是什么?
9.7 top:实时显示系统中各个进程的资源占用状况
9.2-3 pstree & pgrep
9.4-6 kill & killall & pkill
10.4 route:显示或管理路由表
S10 Linux网络管理命令
Copyright © 2011-2022 走看看