Question

我有一个带透明文字的图像，我有一个div，它是填充该文本的纯色，并允许用户更改颜色。现在这个有用了，但是当需要另外一个div覆盖它下面的另一组透明文本时，它会产生问题。两个颜色div只是相互堆叠，但我希望第二个div在第一个div下面但仍在图像下面。

这是我的代码：

<tr><td colspan="3" style="border-bottom:solid 1px #eee;position:relative;">
        <img src="/sig/<?php echo $username; ?>?mask=1&bg=<?php echo $bg_name;?>" style="position: relative;width:240px;height:66px;z-index: 1;" id="selected_bg"/>
        <div style="position: absolute;top: 0;left: 5px;width: 96%;height: 20px;background: #<?php echo $session_array['usrname_color']; ?>" id="usrname_color"></div>
        <div style="position: absolute;top: 0;left: 5px;width: 96%;height: 20px;background: #<?php echo $session_array['text_color']; ?>" id="text_color"></div>

    </td></tr>

Answer 1

不知道我是如何让它工作的，但我在第二个div之后添加了“px”，它起作用了。看起来像这样：

<tr><td colspan="3" style="border-bottom:solid 1px #eee;position:relative;">
        <img src="/sig/<?php echo $username; ?>?mask=1&bg=<?php echo $bg_name;?>" style="position: relative;width:240px;height:66px;z-index: 1;" id="selected_bg"/>
        <div style="position: absolute;top: 0;left: 5px;width: 96%;height: 20px;background: #<?php echo $session_array['usrname_color']; ?>" id="usrname_color"></div>
        <div style="position: absolute;top: 20px;left: 5px;width: 96%;height: 40px;background: #<?php echo $session_array['text_color']; ?>" id="text_color"></div>

    </td></tr>

在图像下2个div来填充透明色[html]

1 个答案: