利用css如何让嵌套的div层不继承父div层的透明度?
利用css如何让嵌套的div层不继承父div层的透明度?
<style media="screen">
.yss{
width:200px;
height:200px;
}
.ys{
width:200px;
height:200px;
/*background-size:200px 200px;*/
/*background:url('/images/logosmall.jpg');*/
background:url('@picstr');
background-position: 50% 50%;
background-repeat:no-repeat;
background-size: 200px 200px;
}
.kss{
width:200px;
height:200px;
/*background:url('/images/logosmall.jpg');*/
/*background-size:200px 200px;*/
background:url('@picstr');
background-position: 50% 50%;
background-repeat:no-repeat;
background-size: 200px 200px;
opacity:0.4;
filter:"alpha(opacity=40)";
-ms-filter:"alpha(opacity=40)"; /* 旧版IE */
}
.edd{
width:200px;
height:200px;
border:0px solid black;
/*position:relative;*/
position:absolute;
margin-top:-200px;
/*margin-left:-200px;*/
}
.svgks{
width:200px;
height:200px;
border:0px solid black;
/*position:relative;*/
position:absolute;
margin-top:-200px;
/*margin-left:-200px;*/
opacity:0;
filter:"alpha(opacity=0)";
-ms-filter:"alpha(opacity=0)"; /* 旧版IE */
}
</style>
@if (cwords != null)
{
<input type="hidden" name="svgid" id="svgid" value="@(cwords.VectorgraphFile)" />@*
<input type="hidden" name="svgreset" id="svgreset" value="0" />
*@<p id="ppp" class="ys" style="">
</p>
<svg id="svg" class="edd"></svg>
<p id="div3" style="display:none;">
@* @(Userhelper.getwotdtrext(cwords.Id, 2))*@
@* test one is two*@
@(Userhelper.getwotdtrext(cwords.Id, 2))
</p>
<p> <input type="button" id="ani" class="btn btn-success btn-sm" value="Play" onclick="ss();"/>
<input type="button" id="svgreset" class="btn btn-success btn-sm" value="reset" onclick="resets();"/>
</p>
利用css如何让嵌套的div层不继承父div层的透明度?的更多相关文章
- 子DIV设置margin-top影响父DIV位置的解决办法
父div如果没有任何东西,子div设置margin-top,父div会下落 <!DOCTYPE html> <html lang="en"> <hea ...
- CSS: 解决Div float后,父Div无法高度自适应的问题
在用CSS+DIV的布局中,常常会发现,当一个DIV float之后,假设他的高度超过了其父DIV的高度时,其父DIV的高度并不会对应的进行调整.要解决问题(也叫做闭合(清除)浮动),我们有四种办法: ...
- 子div设置margin-top使得父div也跟着向下移动
之前在写网页的时候,发现一个小问题,就是子div设置margin-top的时候,父的div也会跟着向下移动.我用代码和图描述一下问题: <span style="font-size:1 ...
- 子div撑不开父div的几种解决办法:
如何修正DIV float之后导致的外部容器不能撑开的问题 在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样 ...
- 子div撑不开父div
方法一:推荐 设置父div的overflow:hidden; 方法二: 父div结束前增加一个空div style=”clear:both;” .clear { clear:both; } <d ...
- JavaScript中,让一个div在固定的父div中任意拖动
1.css代码 #big { border: 1px solid #FF3300; width: 300px; height: 300px; position: relative; } #small ...
- Position a child div relative to parent container in CSS: [设置 子DIV位置 跟 父DIV相关联]
最近调DIV的位置比较头疼,各种position: relative / absolute google到一篇好文章[http://www.webdevdoor.com/html-css/css-po ...
- css 子div自适应父div高度
<div class="out"> <div class="a"></div> <div class="b& ...
- 父div高度和宽度的应用
这是我自己在仿腾讯首页时遇到的布局问题,在此记录,如果有错,欢迎指正. 首先是对齐问题,可以把父div的高度设置为0,然后调整padding值,这样可以批量调整子div们和其他父div的相对高度. 这 ...
随机推荐
- struct的初始化
1.struct的初始化可以使用类似数组的方式,如下:struct Student{ int _Age; string _Name;};Student stu = {26,"Andy&quo ...
- Linux FastDFS 分布式文件系统安装
Linux FastDFS 分布式文件系统安装 2013 年 3 月 11 日 – 09:21 | 930 views | 收藏 (No Ratings Yet) FastDFS是一款类Google ...
- 手机wap适配
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scal ...
- 百度搜索URL参数
http://www.baidu.com/s?wd=关键字wd(Keyword):查询的关键词:http://www.baidu.com/s?wd=关键字&cl=3cl(Class):搜索类型 ...
- winf
真的,先亮注册码!!(直接复制即可) 注册码: <第1组> 用户名:大眼仔~旭(Anan) 注册码:01000000007002140V <第2组> 用户名:大眼仔~旭(Ana ...
- pyqt、webkit和qt之间的关系
前言 最近在维护一个PYQT的项目,有很多不明白的地方,总结一下,共其他直接使用pyqt的人参考一下.PyQT是一个生成图形应用程序的工具包.是python语言和成功的Qt库的绑定.Qt库是这个世界上 ...
- Endorsement 业务逻辑介绍
本文主要介绍保单系统中Endorsement功能的基本逻辑和过程,主要参考OIC系统 保单系统 保险公司用来管理保单的信息系统,这里简称为保单系统.主要作用是收集和维护投保人信息和投保信息,计算保费, ...
- Java同步机制之Monitor监视器与syncrhoized实现原理
转载请注意原文地址:http://www.cnblogs.com/ygj0930/p/6561667.html 一:Monitor Monitor是一个同步工具,相当于操作系统中的互斥量(mutex ...
- 7、redis之使用spring集成commons-pool来操作常见数据类型
环境的搭建参见:http://www.cnblogs.com/yangzhilong/p/4729857.html 下面直接贴具体的测试代码: package com.yzl; import java ...
- 什么是XML RPC?
# -*- coding: cp936 -*- #python 27 #xiaodeng #什么是XML RPC? #中文叫:远程过程调用 #使用http协议做传输协议的rpc机制,使用xml文本的方 ...