Fancybox css问题

Question

我将fancybox用于html页面，但我无法设置链接以打开fancybox。 Normaly我使用一个类来设置html链接的样式，但是使用fancybox这个类已经被赋予了fancybox。我需要更改链接的背景颜色：

background-color: #E9F3D8;

这是我在html页面中使用的fancybox脚本

<script type="text/javascript">
$(document).ready(function() {
    $(".contactForm").fancybox({
        'width'         : 750,
        'height'        : 420,
        'autoScale'     : false,
        'transitionIn'  : 'none',
        'transitionOut' : 'none',
        'type'          : 'iframe'
    });
});
</script>

此页面的链接看起来像是

<a href="../waar-vind-je-ons/contact_form.php" class="contactForm">mail</a>

Answer 1

很难用jsfiddle重新创建问题，因为所有工作都很正常here

<style>
    a {
    background-color: #E9F3D8;
    }
</style>
<script>
$(document).ready(function() {
    $(".contactForm").fancybox({
        'width'         : 750,
        'height'        : 420,
        'autoScale'     : false,
        'transitionIn'  : 'none',
        'transitionOut' : 'none',
        'type'          : 'iframe'
    });
});
</script>

可能会提供更多细节，我们可以帮助您，或者我可能会在重新创建时出错。