2011-03-03 14 views

cevap

12

teşekkür ederim ... hala var:

#fancybox-bg-n { 
    top: -20px; 
    left: 0; 
    width: 100%; 
    background-image: url('fancybox-x.png'); 
} 

#fancybox-bg-ne { 
    top: -20px; 
    right: -20px; 
    background-image: url('fancybox.png'); 
    background-position: -40px -162px; 
} 

#fancybox-bg-e { 
    top: 0; 
    right: -20px; 
    height: 100%; 
    background-image: url('fancybox-y.png'); 
    background-position: -20px 0px; 
} 

#fancybox-bg-se { 
    bottom: -20px; 
    right: -20px; 
    background-image: url('fancybox.png'); 
    background-position: -40px -182px; 
} 

#fancybox-bg-s { 
    bottom: -20px; 
    left: 0; 
    width: 100%; 
    background-image: url('fancybox-x.png'); 
    background-position: 0px -20px; 
} 

#fancybox-bg-sw { 
    bottom: -20px; 
    left: -20px; 
    background-image: url('fancybox.png'); 
    background-position: -40px -142px; 
} 

#fancybox-bg-w { 
    top: 0; 
    left: -20px; 
    height: 100%; 
    background-image: url('fancybox-y.png'); 
} 

#fancybox-bg-nw { 
    top: -20px; 
    left: -20px; 
    background-image: url('fancybox.png'); 
    background-position: -40px -122px; 
} 
+0

Nice'i dahil sonra bu css ekleyebilirsiniz! Sanırım bu css dosyasını göz ardı;) – Mirko

7

IE CSS'yi unutmayın. Bu çizginin altına herşey de

.fancybox-yani .fancybox-bg {çıkarılmalıdır arkaplan: şeffaf önemli; }

4

Bunu, FancyBox 2.0 ve sonraki sürümlerde nasıl yapılacağını bulmak için 30 dakika harcadım. Bu soru FancyBox 1 serisi için olsa da, FancyBox 2.0 serisinde arayanlar için biraz zaman kazanmak güzel olurdu.

ekleyin sources/jquery.fancybox.css dosyanın jquery.fancybox css dosyası üzerinde

.fancybox-opened .fancybox-skin { 
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 
} 
0

Satır # 41 civarında bu bildiriyi Sil "display: none;" .fancybox-bg için {...}

0

yerine lib css değiştirme, sadece fancybox css lib

.fancybox-bg { 
    display: none; 
}