Q

未出現盈方的下拉式圖片

html
css

2013-02-21 46 views 0 likes

0

我有一個圖片代替箭頭的下拉菜單。但我有一個交叉瀏覽問題。在鉻它顯示很好，但在Mozilla的圖像顯示在後面。附件是截圖。未出現盈方的下拉式圖片

下拉HTML

<td align="right"> 
<div class="blue" style="float: left;"> 
    <div class="lightblueHeading" style="text-align: left;">No. Of Guests</div> 
    <div> 
     <div class="styled-select"> 
      <asp:DropDownList ID="ddlNoOfGuest" runat="server" Style="width: 165px;"></asp:DropDownList> 
     </div> 
    </div> 
</div> 
</td>

類

.styled-select 
{ 
    overflow: hidden; /*height: 24px;  background: url(../images/dropdown_icon.png) no-repeat right;*/ 
    background: url(../images/signup-dropdown_icon.png) no-repeat right; 
    background-color: white; 
    width: 100%; 
} 
.styled-select select 
{ 
    background: transparent; /*border: 1px solid #e8e9e9;*/ 
    font-size: 12px; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    visibility: hidden; 

}

Chrome dropdown

Mozilla dropdown

2013-02-21 user1844205

+1

首先，有沒有這樣的財產'不透明度：hidden'。要麼使用'visibility：hidden'或'opacity：0'。看看這個演示：http://jsfiddle.net/wHp3L/1/ – otinanai 2013-02-21 15:07:09

+0

通過添加visibilty：隱藏它刪除下拉，因此它現在是不可點擊的。 – user1844205 2013-02-21 15:13:52

+0

謝謝。我應用了不透明度：0.它像一個魅力。 – user1844205 2013-02-21 15:17:53

A

回答

0

使用opacity:0爲您select標籤的屬性。

2013-02-21 15:31:59 otinanai

+0

此問題已解決，但現在通過應用不透明度：0，發生新問題:-)。選擇文本不透明度也變得不可見，即其不透明度現在也是0.是否有，我可以設置選擇0的不透明度，但不是文本？ – user1844205 2013-02-21 15:34:23

+0

看看這個演示，然後：http://jsfiddle.net/wHp3L/3/ – otinanai 2013-02-21 15:53:12

0

的方法你想是不是在所有的瀏覽器完全兼容，你所面臨的瀏覽器兼容性問題，以及一些如何管理的問題，但在未來，你可能會面對瀏覽器兼容性問題，因爲有很多的IE瀏覽器的市場版本大家最喜歡的是IE7。所以過度來自這個問題我的建議是使用基於jQuery插件象下面這樣：

2013-02-21 15:53:19 w3uiguru

相關問題