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属性*-gradient的使用技巧

如何利用css改变input光标颜色

css如何重叠图片

css grid布局和flex布局是什么?

css网页布局小技巧

css怎么取消边框

css如何设置文字超出省略号

css怎么去掉焦点框

css代码如何居中

css怎么把字体颜色改为白色

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




打赏

取消

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

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

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

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

评论

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