张翔玲个人资料老公是谁 张翔玲胸围为什么叫小苍家庭背景受关注_七月网
> 综艺娱乐 >
张翔玲个人资料老公是谁 张翔玲胸围为什么叫小苍家庭背景受关注
16:08:26来源：网络
张翔玲个人资料老公是谁 张翔玲胸围为什么叫小苍家庭背景受关注,张翔玲个人资料老公是谁 张翔玲胸围为什么叫小苍家庭背景受关注　　lol英雄联盟知名四大女主播爆半裸照啦！今日网络曝出lol时下知名女解说小苍、小米、小楼、苏小妍半裸写真登上知名时尚杂志的封面，小伙伴们快
张翔玲个人资料老公是谁 张翔玲胸围为什么叫小苍家庭背景受关注
　　lol英雄联盟知名四大女主播爆半裸照啦！今日网络曝出lol时下知名女解说小苍、小米、小楼、苏小妍半裸写真登上知名时尚杂志的封面，小伙伴们快来围观呀，晚了就看不到了哦！
　　腾讯游戏讯 9月1日消息，上午，知名时尚杂志《男人装》在其官方微博发布了一条消息，以&网络游戏女播音，口活最好的&为题宣传最新一期。微博还附上了四名女郎的背部全裸大尺度照，并@了小苍MM、小米、小楼和苏小妍四名电竞女主播。小米随即转发回复：&要出了&，证实了这期杂志的存在。
张翔玲个人资料老公是谁 张翔玲胸围为什么叫小苍家庭背景受关注
　　lol解说小苍mm相信大家都不陌生，作为深受广大玩家喜爱的游戏选手及美女解说，美丽的小苍mm给我们带来了很多快乐与激情。相信很多玩家是从小苍的视频中一步一步学到各个英雄的使用方法，逐渐从菜鸟成长为大神。今天就让我们来走近小苍MM，了解一下她的个人资料。
张翔玲个人资料老公是谁 张翔玲胸围为什么叫小苍家庭背景受关注
张翔玲个人资料老公是谁 张翔玲胸围为什么叫小苍家庭背景受关注
免责声明： 本文仅代表作者个人观点，与七月网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
小伙伴们，周末过的可还愉快？这个...
最新快讯 TOP10
ID文章标题
1 2 3 4 5 6 7 8 9 10
娱乐八卦TOP10
ID文章标题
ID文章标题
1 2 3 4 5 6 7 8 9 10后使用快捷导航没有帐号？
只需一步，快速开始
查看: 7622|回复: 8
关于背景透明，而其中内容不透明的纯CSS实战！
UID507704在线时间 小时积分479帖子离线17218 天注册时间
中级会员, 积分 479, 距离下一级还需 21 积分
在百度知道上看到了这个题目，非常感兴趣，稍微动了下脑筋，实现了这个效果，放上来与诸君同享
&!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&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&无标题文档&/title&
*{ margin:0; padding:0;cursor:auto}
html { min-height:100.5%;}
body { background:#000;font-family:Arial, Helvetica, sans- font-size:12 color:#000; }
a:link,a:visited,a:active{ color:#543; text-decoration: font-size:12star:expression(this.onFocus=this.blur());}
a:hover{ color:#f00; text-decoration:font-size:12}
a:focus {outline:0;}
#web { width:960 overflow: margin:0}
.tm_bg {filter:alpha(opacity=50);opacity:5; background:#width:960 overflow:}
.tm_bg .con_style {filter:alpha(opacity=0);opacity:0;}
.con { position: width:960 overflow:hidden}
&div id=&web&&
&div class=&con&&&div class=&con_style&&&p&
上面的两个回答是错误的。因为楼主的提问是，背景透明，而内容不透明。呵呵。这个不是普通的方法就可以达到的，而是需要像我这样的高手才能完成您的需求，并且可以保证所有的浏览器（绝不包括IE6以下浏览器，但包括IE6浏览器。）&/p&
首先，我们分析问题，问题的关键在于，背景透明而内容不透明。这在同一个div中用一个css是无法解决这个问题的。因此，而且，要随着这个内容的高度变化。那么，这个内容还必须放在这个盒子里。&/p&
到此为止，我们得出的是悖论。是无法完成的。&/p&
因为，1：背景透明则内容透明，则，内容不能在盒子里。2：随着高度的变化，那么内容就必须在盒子里。&/p&
但是，你遇到了我，那么这个不可能解决的问题就变得可以解决了。说实话，一般的问题我还真不愿意回答，但是你这个问题，我真有兴趣挑战！哈哈！&/p&
如上分析，内容必须在盒子里，而内容又不能在盒子里。我们得出的是悖论。但是，这有一个前提，那就是，内容只有一份。可是，我们在实际的运用中，内容是可以多次调用的。（一般的cms都是支持内容输出两次的甚至多次的，只要重复标签即可。）&/p&
因此，这个思路就非常的清晰了。&/p&
&/div&&/div&
&div class=&tm_bg&&&div class=&con_style&&&p&
上面的两个回答是错误的。因为楼主的提问是，背景透明，而内容不透明。呵呵。这个不是普通的方法就可以达到的，而是需要像我这样的高手才能完成您的需求，并且可以保证所有的浏览器（绝不包括IE6以下浏览器，但包括IE6浏览器。）&/p&
首先，我们分析问题，问题的关键在于，背景透明而内容不透明。这在同一个div中用一个css是无法解决这个问题的。因此，而且，要随着这个内容的高度变化。那么，这个内容还必须放在这个盒子里。&/p&
到此为止，我们得出的是悖论。是无法完成的。&/p&
因为，1：背景透明则内容透明，则，内容不能在盒子里。2：随着高度的变化，那么内容就必须在盒子里。&/p&
但是，你遇到了我，那么这个不可能解决的问题就变得可以解决了。说实话，一般的问题我还真不愿意回答，但是你这个问题，我真有兴趣挑战！哈哈！&/p&
如上分析，内容必须在盒子里，而内容又不能在盒子里。我们得出的是悖论。但是，这有一个前提，那就是，内容只有一份。可是，我们在实际的运用中，内容是可以多次调用的。（一般的cms都是支持内容输出两次的甚至多次的，只要重复标签即可。）&/p&
因此，这个思路就非常的清晰了。&/p&
&/div&&/div&
&!--上面的两个回答是错误的。因为楼主的提问是，背景透明，而内容不透明。呵呵。这个不是普通的方法就可以达到的，而是需要像我这样的高手才能完成您的需求，并且可以保证所有的浏览器（绝不包括IE6以下浏览器，但包括IE6浏览器。）
首先，我们分析问题，问题的关键在于，背景透明而内容不透明。这在同一个div中用一个css是无法解决这个问题的。因此，而且，要随着这个内容的高度变化。那么，这个内容还必须放在这个盒子里。
到此为止，我们得出的是悖论。是无法完成的。
因为，1：背景透明则内容透明，则，内容不能在盒子里。2：随着高度的变化，那么内容就必须在盒子里。
但是，你遇到了我，那么这个不可能解决的问题就变得可以解决了。说实话，一般的问题我还真不愿意回答，但是你这个问题，我真有兴趣挑战！哈哈！
如上分析，内容必须在盒子里，而内容又不能在盒子里。我们得出的是悖论。但是，这有一个前提，那就是，内容只有一份。可是，我们在实际的运用中，内容是可以多次调用的。（一般的cms都是支持内容输出两次的甚至多次的，只要重复标签即可。）
因此，这个思路就非常的清晰了。
html代码如下：
&div class=&tm_bg&&&div class=&con_style&&内容&/div&&/div&
&div class=&con&&&div class=&con_style&&内容&/div&&/div&
注意，以上的&内容&如果是不同的cms则调用是不一样的，你可以根据你自己的cms来设定。如果是纯html，只要把一模一样的内容写到这里即可。--&
&提示：您可以先修改部分代码再运行
[[i] 本帖最后由 difangla 于
23:24 编辑 ]
UID507704在线时间 小时积分479帖子离线17218 天注册时间
中级会员, 积分 479, 距离下一级还需 21 积分
首先，我们分析问题，问题的关键在于，背景透明而内容不透明。这在同一个div中用一个css是无法解决这个问题的。因此，而且，要随着这个内容的高度变化。那么，这个内容还必须放在这个盒子里。
到此为止，我们得出的是悖论。是无法完成的。
因为，1：背景透明则内容透明，则，内容不能在盒子里。2：随着高度的变化，那么内容就必须在盒子里。
但是，你遇到了我，那么这个不可能解决的问题就变得可以解决了。说实话，一般的问题我还真不愿意回答，但是你这个问题，我真有兴趣挑战！哈哈！
如上分析，内容必须在盒子里，而内容又不能在盒子里。我们得出的是悖论。但是，这有一个前提，那就是，内容只有一份。可是，我们在实际的运用中，内容是可以多次调用的。（一般的cms都是支持内容输出两次的甚至多次的，只要重复标签即可。）
因此，这个思路就非常的清晰了。
html代码如下：
&div class=&con&&&div class=&con_style&&内容&/div&&/div&
&div class=&tm_bg&&&div class=&con_style&&内容&/div&&/div&
注意，以上的“内容”如果是不同的cms则调用是不一样的，你可以根据你自己的cms来设定。如果是纯html，只要把一模一样的内容写到这里即可。
.tm_bg {filter:alpha(opacity=50);opacity:5; background:#width:960 overflow:}
.tm_bg .con_style {filter:alpha(opacity=0);opacity:0;}
.con { position: width:960 overflow:hidden}
.tm_bg 这个样式是用来做背景的，其filter:alpha(opacity=50);opacity:5;前面的50是用来给IE加透明的，后面的是给非IE浏览器做透明的，这样就可以实现兼容透明了。
因为.tm_bg这个样式里面是包含内容的，因此，这个内容我们不想让浏览器看到，因此，我们就给这个盒子里面的内容加上透明度为0，那么，浏览器就不会显示里面的内容了。但是因为这个内容的存在，就会撑开盒子，让他随着高度变化。
.con里面是装的实际内容，此时，我们只要把它贴到背景的盒子上面去，就可以实现，内容不透明，背景透明了。
实际演示效果，见我刚发过去的。
本人是菏泽最专业的网站建设者，我的网站是
[[i] 本帖最后由 yoom 于
15:42 编辑 ]
UID507704在线时间 小时积分479帖子离线17218 天注册时间
中级会员, 积分 479, 距离下一级还需 21 积分
补充说明：这个就是玩玩和研究，实际运用中，建议还是直接用图片或者对应的颜色来解决这个问题。因为内容重复两次对seo不是很好，会让搜索引擎认为你作弊。
UID505770在线时间 小时积分1039帖子离线17218 天注册时间
银牌会员, 积分 1039, 距离下一级还需 1961 积分
我在FF下没有透明效果，版本3.6.13
UID496603在线时间 小时积分1664帖子离线17218 天注册时间
银牌会员, 积分 1664, 距离下一级还需 1336 积分
background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); background:#/*实现IE背景透明*/}
.con p{ position:}/*实现IE文字不透明*/
UID536201在线时间 小时积分173帖子离线17218 天注册时间
初级会员, 积分 173, 距离下一级还需 27 积分
可以背景透明，内容在盒子里的~~
&div class=&open_ban_intr& id=&showTXT&&
& &&h3&今日更新：耶鲁大学公开课《美国内战与重建，》&/h3&
& &&p&你的梦如何解析？男人和女人在两性需求的性质和成都是否不同？猩猩能否学习手语？为什么我们不能咯吱自己？本课程试图回答这些遗并提供了思。我们不能咯吱自己？本课程试图回答这些遗并提供了思。&/p&
.intr{ height:120 width:652padding:14px 0 0 30color:# background:rgba(0,0,0,0.5); filterrogidXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); }
.intr h3{ font-size:16}
.intr p{ color:#CCCCCC; font-size:12text-indent:2 line-height:20 padding:6px 0 0;}
(193.85 KB, 下载次数: 1)
11:40 上传
UID581399在线时间 小时积分7帖子离线17218 天注册时间
新手上路, 积分 7, 距离下一级还需 43 积分
回复 2# difangla [楼主] 的帖子
高人淫哪！！！高人淫哪！！！
UID509179在线时间 小时积分420帖子离线17218 天注册时间
中级会员, 积分 420, 距离下一级还需 80 积分
&!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&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&style type=&text/css&&
padding:0;
background: #03F;
opacity: 0.65;-moz-opacity: 0.65;filter:alpha(opacity=65);
background:#
width:100%;
z-index:2;
padding-bottom:10000
font-size:18
font-weight:
z-index:3;
padding:0 10
&div style=& position: margin:20height:100%; width:80 overflow: border:1
z-index:1;&&
&div class=&bg&&&&/div&
&div class=&con&&文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内&/div&
&提示：您可以先修改部分代码再运行
UID33573在线时间 小时积分3607帖子离线17218 天注册时间
又见此题，放出URL，走人
实现背景色透明效果的代码
实现各个浏览器中具备良好的透明特性的效果，IE中使用私有滤镜filter，高端浏览器使用CSS3中的rgba属性。
输入十六进制的颜色值以及透明度，自动在IE的过渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算。
Powered by