2014-01-24 20 views
0

enter image description hereCSS三角形出現並不應該是:爲什麼是這樣?

無線上網的名稱1,無線網絡名稱2,和Wifi名稱3都有着所謂wifiarea同一類。 wifiarea的css簡單地說就是:

.wifiarea { 
    height: 115px; 
    width: 561px; 
} 

每個按鈕都有默認狀態和活動狀態。例如按鈕的「無線上網的名稱1個文本」右邊是:

.wifibutton1>button{ 
    background:url(../toggle_off.png); 
    border:0; 
    width:191px; 
    height:76px; 
    float:right; 
    margin-right:10px; 
} 

.wifibutton1>button.wifibutton1active{ 
    background:url(../toggle_on.png); 
} 

的HTML:

<div class="fullairwifimenu" id="fullairwifimenu"> 

    <div class="wifiarea"> 
     <div class="wifitext"> 
     Wifi Name 1 
     </div> 
     <div class="wifibutton1"> 
      <button id="wifibutton1"> 
      </button> 
     </div> 
    </div> 

    <div class="wifiarea"> 
     <div class="wifitext"> 
     Wifi Name 2 
     </div> 
     <div class="wifibutton2"> 
      <button id="wifibutton2"> 
      </button> 
     </div> 

    </div> 

    <div class="wifiarea"> 
     <div class="wifitext"> 
     Wifi Name 3 
     </div> 
     <div class="wifibutton3"> 
      <button id="wifibutton3"> 
      </button> 
     </div> 
    </div> 
</div> 

,是以背景的護理popup_wifi2.png的圖像,在這裏看到:

enter image description here

做了一些研究後,似乎邊框是問題的根源。

目標/問題:我該如何擺脫那個討厭的小灰色三角形?在CSS中調用的相關圖像都沒有。

任何輸入表示讚賞。

+2

HTML將幫助......這是遠遠不夠的信息 – fiskolin

+0

你能證明你的代碼,也可以是我認爲這是填充的保證金的問題。 – 2014-01-24 18:04:40

+0

對不起Fiskolin,我添加了HTML。 – DnfD

回答

2

很肯定你的背景重複:

background-repeat: no-repeat 
+0

是的,100%的權利。增加了「不重複」,我們很好去! – DnfD

相關問題