2015-11-03 65 views
0

文本顯示,如果它是在另一個文本,以某種方式覆蓋它。這至少是我看來的。 有人知道可能發生了什麼嗎? 圖片:http://imgur.com/IUamsPA 的jsfiddle:https://jsfiddle.net/km3Lp60q/jquery移動文本覆蓋文本奇怪按鈕

這是在問題出在哪裏彈出原始HTML:

<div data-role="popup" id="loginPopup" class="ui-content loginPopup logregPopup" data-dismissible="false" data-shadow="true"> 
     <form> 
      <div style="padding:10px 20px;"> 

       <a id="registerLnk" href=""> Register </a> 
       <br> 

       <h3>Please sign in</h3> 
       <label for="username" class="ui-hidden-accessible">Username:</label> 
       <input type="text" name="user" id="username" value="" placeholder="username"> 
       <label for="password" class="ui-hidden-accessible">Password:</label> 
       <input type="password" name="pass" id="password" value="" placeholder="password"> 
       <input type="button" value="ok" class="ui-btn ui-corner-all ui-btn-left ui-icon-check" data-inline="true"><!-- TODO: Fix the icon --> 
       <input type="button" value="Facebook" class="ui-btn ui-btn" id="facebookBtn" data-theme="d"> 
       <input type="button" value="Google" class="ui-btn" id="googleBtn" data-theme="e"> 


      </div> 
     </form> 
    </div> 

我在的ThemeRoller做了一些自定義主題,當我用數據出現問題-theme =「x」(或任何變體)。

+0

你的JSFiddle對我來說是空的。關於你的文字,看起來白色字體也有白色陰影。請在Chrome/FF開發人員控制檯中檢查計算出的樣式 – Sga

+0

嘗試將text-shadow CSS設置爲無。 – ezanker

+0

謝謝,從前面的文本陰影設置爲沒有嘗試修復它。你有什麼想法爲什麼jsfiddle清楚自己?我也嘗試過Chrome開發者控制檯,但由於某種原因,如果我在模擬器或手機外部打開它,它只是保持加載(灰圈旋轉),你知道如何解決這個問題嗎? –

回答

0

文本陰影屬性是問題。將它設置爲none沒有刪除它,它只是刪除了顏色,默認爲白色,就像字體一樣。文字陰影的其他參數是問題。發現後,我進入w3school並將每個參數複製到0/none。