问题遇到的现象和发生背景
css背景图片把文字内容盖住
问题相关代码，请勿粘贴截图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
a {
text-decoration: none;
display: inline-block;
color: #fff;
line-height: 60px;
text-align: center;
}
#a {
background-color: red;
width: 120px;
height: 60px;
background-image: url(../图片库/一个气泡框2.jpg);
background-repeat: no-repeat;
}
#b {
background-color: skyblue;
width: 120px;
height: 60px;
}
#c {
background-color: purple;
width: 120px;
height: 60px;
}
#d {
background-color: pink;
width: 120px;
height: 60px;
}
</style>
</head>
<body>
<div>
<a href="#" id="a">五彩导航</a><a href="#" id="b">五彩导航</a><a href="#" id="c">五彩导航</a><a href="#" id="d">五彩导航</a>
</div>
</body>
</html>
运行结果及报错内容
我的解答思路和尝试过的方法
查询过百度和社区没有看到类似的问题
我想要达到的结果
让内容显示在背景图片上
