效果图如下所示:
具体思路:
因为设置完背景之后,再使用opacity
属性设置透明度会影响其上方的内容,导致上方内容也会产生透明的效果。
所以,需要将背景单独设置一个层,并和文字所在的层重叠且居于其下即可。
注意:两个层的大小要保持一致。
具体实现代码如下所示:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
效果图如下所示:
具体思路:
因为设置完背景之后,再使用opacity
属性设置透明度会影响其上方的内容,导致上方内容也会产生透明的效果。
所以,需要将背景单独设置一个层,并和文字所在的层重叠且居于其下即可。
注意:两个层的大小要保持一致。
具体实现代码如下所示:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">