2014-01-09 197 views
0

我目前正在使用JQuery Mobile,並且遇到了有關CSS的輕微問題。通常情況下,給定時間後,我將能夠找出問題並妥善處理,但這一次我想我會把它放在那裏,看看是否有其他人有這個問題,因爲我沒有運氣跟蹤正確的CSS糾正它。移動設備上的Jquery移動錨標籤CSS問題

該問題本身僅在移動測試中呈現。我有網頁

<a class="inline" data-ajax="false" href="/members/account">Account</a> 

非常標準的標準鏈接,但是當你點擊一個移動設備,黑色邊框,以及一些輕微的填充鏈接存在的一瞬間,你點擊鏈接。從而使鏈接位置略微偏移,這看起來不太好。通常我會假設它只是一個禁用邊框/輪廓(我不能確定是哪一個)和填充:active樣式的情況。但到目前爲止,我沒有喜樂。

我想張貼發生了什麼的截圖給你一個更好的主意,但因爲這個問題發生時,這是不可能的。這些鏈接在桌面上都很好,還可以在最小化的桌面窗口上覆制移動瀏覽,但不在設備本身上。

我的直覺告訴我,它與.ui-btn-inner類。由於JQuery Mobile爲頁面上的不同元素分配自動類。但是,我不能100%地這樣做。如果以前有人遇到過這個問題,你可以點亮一下嗎?

任何意見,將不勝感激。

快速截屏樣機,概述了問題

Black border with annotation

+0

一個小屏幕截圖會很酷,而不是截圖。 – digitalextremist

+0

@digitalextremist最快的方法是什麼? – Adam

+0

在Mac上,使用Quicktime屏幕記錄。在Windows上,使用Jing。在Linux上,目前不知道。 – digitalextremist

回答

0

OK,似乎終於想通了這個問題,由於大量的試驗和錯誤的,但到底到了那裏。似乎是在ui-shadow的JQuery特定類中的投影。所以只需要擺脫這一點。

無論如何感謝@digitalextremist的迴應。