Question

我需要创建自己的下拉列表，以便我可以使用其他属性创建服务器控件。在大多数情况下，这很顺利，但我遇到了一个问题。对于下拉箭头，我只使用CSS中的背景图像。但问题是，任何超出图像的文本都会覆盖该图像。任何人都有任何想法如何保持背景图像在顶部或隐藏任何超出图像位置的文本？到目前为止，这是我的代码：

.tbSearchDefault
    {
    border-top:1px solid #abadb3;
    border-right:1px solid #dbdfe6;        
    border-bottom:1px solid #e3e9ef;
    border-left:1px solid #e2e3ea;
    background-image:url('images/ddlMouseOut.gif');
    background-repeat:no-repeat;       
    background-position:right;   
    cursor:default;
    }

<table cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
  <tr>
    <td>
      <asp:TextBox ID="tbSearchName" runat="server"                     
                CssClass="tbSearchDefault" >
     </asp:TextBox>                      
   </td>
 </tr>

Answer 1

很难准确说出你需要什么，但我相信你正在寻找z-index css

https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index

这将允许您首先设置堆栈，依此类推。

.tbSearchDefault
{
    z-index: 99; // Sets this class to be over any other element unless z -index is higher.
}

Answer 2

好吧，似乎没有办法做到这一点。我猜一个背景图像实际上是一个背景。我最终做的是在文本框旁边添加一个div并在那里添加图像。

保持div背景图像在上面

2 个答案: