css如何设置透明度不会影响子元素


当前第2页 返回上一页

举例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<!DOCTYPE html>

<head>

<meta charset="utf-8"/>

<style type="text/css">

body{margin:0;padding:0;}

.div_content{

    background: url("1.gif") no-repeat;

    /*给input框添加背景图片,以凸显其透明效果。*/

    width: 200px;

    height: 200px;

}

.div_content>input{

    outline: none;

    border: none;

    background-color: transparent;

    /*必须将背景色设为透明,否则无效。(除非对于要设置的元素本身已经是透明的,如:span元素等)*/

    background-color: rgba(0,0,0,0.25);

    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#40000000,endColorstr=#40000000);

}

</style>

</head>

<body>

    <div  class="div_content">

        <input type="text" size="20"/>

    </div>

</body>

 

</html>

以上就是css如何设置透明度不会影响子元素的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css怎么设置按钮样式

css怎么设置4个div并排显示

css如何自适应浏览器

怎样建立新的css规则

vs如何创建css文件

css中背景图片怎么设置

css文本属性有什么

如何解决css英文不自动换行的问题

css怎么改变鼠标样式

css3中渐变属性有哪些

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...