Fancybox：覆蓋CSS

Question

如何覆蓋fancybox的css？

我正在建立一個網站，在兩個不同的頁面上使用fancybox，我想在這些頁面之一上覆蓋fancybox css，這樣箭頭就會被推到盒子外面。 IE瀏覽器，我想對的fancybox傳授這些屬性：

.fancybox-prev { 
    left: -80px !important; 
} 

.fancybox-next { 
    right: -80px; 
} 

我無法弄清楚如何做到這一點和解決方案等相關問題計算器不工作。我確信有一個簡單的方法來做到這一點。

有人可以幫我嗎？

Answer 1

$('.fancybox-prev').attr('style', 'left: -80px !important'); 

$('.fancybox-next').attr('style', 'right: -80px'); 

Answer 2

您必須記住hirarchy of the CSS。內聯CSS是最重要的，外部CSS將被讀取第二。 說到後者，它們是從CSS文件的頂部讀取的。因此，編寫你想用來覆蓋之前的樣式的樣式，應該可以做得很好。

其次，你總是可以使用jQuery來做到這一點。 ShaggyInjun舉了一個很好的例子。您應該可以通過使用$(selector).css();來完成此操作。

Answer 3

如果使用fancybox v1.3.4檢查： http://fancybox.net/faq No.8 ....它也可能是有用的check this。

如果使用的fancybox V2.X檢查： https://stackoverflow.com/a/8672001/1055987

基本上，你必須設置一個CSS在線聲明後，您爲了覆蓋這些屬性加載的fancybox css文件。