-3

我正在为支持两种语言的网站使用相同的HTML/CSS属性。搜索栏在英语中可以正常工作，但是当我更改为其他语言时，我无法输入任何内容。

网站：http ://barajon.com/store/

您可以通过单击顶部菜单上的绿色标志来更改语言。

HTML搜索栏的：

<!-- Header Search Begin -->
<form class="h-search" method="post" action="search.php" name="productsearchform" onsubmit="javascript:return TXS_funcSubmitForm();" style="border-style: none; width: auto;">
  <fieldset>
    <input type="hidden" name="simple_search" value="Y" />
    <input type="hidden" name="mode" value="search" />
    <input type="hidden" name="posted_data[by_title]" value="Y" />
    <input type="hidden" name="posted_data[by_descr]" value="Y" />
    <input type="hidden" name="posted_data[by_sku]" value="Y" />
    <input type="hidden" name="posted_data[search_in_subcategories]" value="Y" />
    <input type="hidden" name="posted_data[including]" value="all" />              

    <div class="srch-area">
        <input type="text" class="srch-fld" name="{if $TXS_search_id && $active_modules.Predictive_Search ne ""}{$TXS_search_id}{else}posted_data[substring]{/if}" id="TXS_PS_search" id="TXS_PS_search" value="{$search_prefilled.substring|escape}" />
        <input class="sbmit-btn" name="" value="Go" type="submit" />
        <div class="clear"></div>
    </div>
    <input type="hidden" name="txs_area" value="C" /> 
  </fieldset>
</form>
<!-- Header Search End -->
4

2 回答 2

1

当我从中删除position: relative时.banner，它可以工作：

.banner{
    margin: 0;
    padding: 10px 0;
    display: block;
}

这样做的原因是使用相对定位 for.banner让它过去了 .main-menu。因此，单击搜索字段不会做任何事情，因为从技术上讲，您根本没有单击搜索字段。

解决这个问题的其他方法是使用，z-index但我认为当你没有真正改变 的相对位置时.banner，没有必要使用position: relative.

于 2013-04-16T21:36:45.113 回答
1

您无法在文本框中输入文本的原因是它被另一个DIV. 覆盖文本框的部分DIV对用户是“不可见的”（没有背景颜色或边框来表示它在那里）。

要强制您的文本框出现在 前面，DIV请将文本框更改z-index为更大的数字，比如说9999。由于z-index仅适用于定位元素，因此您必须将position文本框的 更改为relative、fixed或absolute。

在您的特定示例中，我建议您设置包含文本框而不是文本框本身的positionand 。在你的情况下，我会改变这一行：z-indexdiv

<div class="main-menu">

至

<div class="main-menu" style="position:relative;z-index:9999;">

修改类main-menu将是实现整个站点一致性的更好主意，无论哪种方式都可以解决您的问题。

于 2013-04-16T21:37:13.497 回答