搜索框中間輸入框背景圖設置 background: url(...) repeat-x 不顯示,左右圖標正常。
CSS 中對所有 .sousuo td 統一設置 width: 6px,導致中間輸入框所在 td 寬度僅 6px,背景圖無法橫向平鋪顯示。
移除中間 td 的固定寬度,使其自適應撐開:
.sousuo td {
height: 41px;
/* width: 6px; 刪除此行 */
}
或在 HTML 中為該 td 指定 style="width:auto":
<td class="s_c z" style="width:auto">
<input type="text" name="text" id="s_c_txt" />
</td>
修改後,中間輸入框背景圖正常水平平鋪,搜索框整體樣式恢復預期。
CSS 佈局中避免對彈性容器設置過度限制寬度,導致背景圖像無法正確渲染。