2011-04-25 56 views
1

我正在使用jqtouch製作一個手機網站。我也在網站中實現了一個圖庫圖片滑塊,但是當圖庫放在我需要的地方(介於<div id="project_name" class="page"></div>之間,圖片將不會顯示)任何想法,爲什麼這段代碼不工作? body> *

經過幾個小時的修補,從jqtouch中刪除display:none; CSS規則:

body > * { 
    -webkit-backface-visibility: hidden; 
    -webkit-box-sizing: border-box; 
    display: none; 
    position: absolute; 
    left: 0; 
    width: 100%; 
    -webkit-transform: translate3d(0,0,0) rotate(0) scale(1); 
    min-height: 420px !important; 
} 

使畫廊的工作,但顯然意味着該網站不工作任何想法,爲什麼發生這種情況,有什麼身體> *呢,我怎麼能挺過來

項目?在http://djrb.co.uk/mobile/portfolio.php#home

非常感謝,

豐富

+0

(也許不相關,但是這是Chrome的說:http://screencast.com/t/vOkecMRyAc) – Rudie 2011-04-25 00:45:46

回答

1

的選擇body > *比賽即是body一個孩子的任何元素。直角支架是child selector。明星matches any element

您可能想要爲您的圖庫div包含更具體的選擇器,並在單獨的聲明塊中應用適當的樣式。事情是這樣的:

#project_name { 
    /* properties */ 
} 
+0

@lwburk感謝您的回覆,讓風格應用到每一個元件?反正有沒有把它應用到我的畫廊div,以便我的圖像顯示?歡呼聲 – wkdshot 2011-04-25 00:47:02

+4

@Richard,不會將它分配給身體的每一個直接的孩子,而不是孫子。例如'

'。在這裏,將選擇具有「孩子」級別的div,但不包括具有「孫子」級別的div或任何包含在這些孫子之內的任何div。 – 2011-04-25 00:57:24

+0

@Richard - 查看我的更新以獲取可能的解決方案。 – 2011-04-25 00:57:46

相關問題