添加邊框半徑沒有填充fancybox2

我使用fancybox 2，我可以擺脫周圍的框架外面的填充，但後來我失去了它的邊界半徑。我想要的是圍繞框架內主要內容的邊框半徑。所以我試着進入CSS並向花式框內部選擇器添加邊框半徑，它不起作用。我怎麼能給框架一個沒有邊框的圓角？如果有人能幫助我，這將是偉大的！添加邊框半徑沒有填充fancybox2

來源

2012-01-30 shamguy4

CSS3具有足夠的諷刺性的邊界半徑屬性，標題爲border-radius有幾個特定的變體，即Firefoxes moz-border-radius。

它用於像這樣：

#div-id .specific-class { 
    border-radius: 10px; 
}

如果你只想要一個圓角它有能力像這樣

border-top-left-radius:2em; 
border-top-right-radius:2em; 
border-bottom-right-radius:2em; 
border-bottom-left-radius:2em;

我希望這回答了你的問題進行修改。

來源

2012-01-30 03:08:31 Joshua

感謝，但我知道......我想花哨的框框就知道了。 – shamguy4 2012-01-30 03:47:10

您是否使用了正確的樣式表？ – Joshua 2012-01-30 03:52:44

你知道什麼......沒關係。我可以添加一個邊框半徑的燈箱正在顯示的iframe的身體，然後它會是圓....我想。是的，我正在嘗試添加一個邊框半徑的花式box.css – shamguy4 2012-01-30 03:53:24

試試這個代碼，它爲我工作

添加自定義類的完整方法花哨的框後。

Ex。

HTML

<a href="#signin-container" class="signin-ovr"> Login </a>

$(document).ready(function(e) { 
    $(".signin-ovr").fancybox({ 
     afterLoad : function(){ 
          $("#fancybox-content").addClass('fancybox-content-cust'); 
          $(".fancybox-bg").addClass('fancybox-bg-cust'); 
          $("#fancybox-outer").addClass('fancybox-outer-cust'); 
         } 

    });  
});

CSS

.fancybox-content-cust { 
    overflow: visible !important; 
    border: 10px solid #FFFFFF; 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
} 

.fancybox-bg-cust{ 
    display: none; 
} 

.fancybox-outer-cust { 
    background: transparent !important; 
}

然後你會得到邊界半徑覆蓋框。

來源

2013-03-11 15:47:22

請注意，Fancybox版本2不支持onComplete。它使用afterLoad。 http://stackoverflow.com/questions/10816130/fancybox-oncomplete-function-not-running – 2013-03-15 13:42:17

**然而**我發現只有在'afterShow'方法中添加類才能按預期工作。 – 2013-03-15 14:16:00

爲的fancybox V2一輪邊界

.fancybox-outer, .fancybox-inner, .fancybox-skin { 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0); 
    border-radius: 10px!important; 
}

來源

2014-05-31 16:00:31 user3694584

小心解釋一下？ – DavidG 2014-05-31 17:03:55

添加邊框半徑沒有填充fancybox2

回答

相關問題