0

我需要创建自己的下拉列表，以便可以创建具有其他属性的服务器控件。在大多数情况下，这进展顺利，但我遇到了一个问题。对于下拉箭头，我只使用 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>

4

2 回答 2

0

很难确切地说出您需要什么，但是我相信您正在寻找z-indexcss

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.
}
于 2013-04-22T14:39:57.293 回答
0

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

于 2013-04-23T15:16:16.433 回答