仅在笔记本电脑和台式机上启用Parralax效果?

时间:2017-11-22 17:21:34

标签: html css mobile-safari

有没有办法只在笔记本电脑和桌面视图上触发Parralax效果?

Atm我有以下内容,它不允许在某些设备浏览器上显示图像:Safari是特定的。

.parralax {

/* Full height */
height: 100%; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

我的HTML仅在我想要Parralax效果的部分中引用了这一点。

<section id="home" class="home parralax bg-img fix">

1 个答案:

答案 0 :(得分:0)

确保将外部样式表放在文档中,以便覆盖视差规则。

<script type="text/x-kendo-template" id="group-header-email-checkbox-template">
    <input type="checkbox" class="chkdbox emailCheckBox" data-bind="checked: emailSelected("#:value#"), events: {click: onEmailCheck}" />&nbsp;&nbsp;#:value#
</script>