qq_32219139 2016-05-08 03:25 采纳率: 40%
浏览 3961
已采纳

CSS上层文字覆盖下层文字边框并且背景透明

图片说明
我最终想要完成这样的效果,但是写完之后发现一个问题图片说明

这是HTML

 <div id="business">
                <img src="images/shou_ye/banner2_02.png"/>
                <div id="chare">
                    <span>Business Scope</span>
                    <span>业务范围</span>
                </div>
            </div>

下面是CSS

 #chare{
    position:relative;
}
#chare span:nth-child(1){
    position:absolute;
    left:758px;
    top:-500px;
    color:#fff;
    font:48px "microsoft yahei";
    border:1px solid #fff;
    padding:28px;
    z-index:1;
} 
#chare span:nth-child(2){
    position:absolute;
    left:867px;
    top:-413px;
    color:#fff;
    font:48px "microsoft yahei";
    background-color:transparent;
    border:1px solid transparent;
    z-index:100;
    /*opacity:1;*/
}

我发现如果背景变成透明的话 边框就覆盖不上了,有什么办法能解决吗

  • 写回答

6条回答

  • 薪往之 2016-05-11 03:54
    关注

    不好意思,第一次使用,不知道如何发代码上来,敬请见谅

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

悬赏问题

  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
  • ¥15 钢筋实图交点识别,机器视觉代码
  • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
  • ¥50 400g qsfp 光模块iphy方案
  • ¥15 两块ADC0804用proteus仿真时,出现异常
  • ¥15 关于风控系统,如何去选择
  • ¥15 这款软件是什么?需要能满足我的需求