小编use*_*452的帖子

如何使背景位置固定和居中?

我在"页面部分"中设置了我的网站以进行垂直滚动.第一个页面部分是100%宽度和高度,其他部分也是如此,但是有一个背景图像,可以滚动并延伸到浏览器的宽度.我试图保持这一点,并将其定位.所以它保持静止,下面的内容向上滚动并覆盖背景图像.

所以我的问题是如何将fixed物业添加到background-position:center中心;

/* div that has background image */

<div class="page-section home-bg clear" id="home">
</div>

/* rest of content I want to scroll up and over */

<div class="page-section clear" id="about">
    <div class="wrapper" style="background-color:#fff;">
    </div>
</div>

.page-section {
    width:100%;
    margin:0px auto 0px auto;
    overflow-x:hidden;
}
.home-bg {
    height:100%;
    background:url('img/home-bg.jpg') no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    z-index:1;
}
Run Code Online (Sandbox Code Playgroud)

html css background-position

5
推荐指数
1
解决办法
1万
查看次数

如何在parsely.js验证中只允许文本

我正在使用漂亮的欧芹js正如您在文档中看到的那样, 只有data-parsley-type="alphanum"哪些允许数字和字母.我正在尝试创建只允许字母的字段.

有人知道怎么做吗?

javascript validation parsley.js

4
推荐指数
1
解决办法
4447
查看次数

自定义添加到购物车按钮 Shopify

我只是想创建一个添加到购物车按钮以在我的 Shopify 主题的模板和部分上使用。很简单。

这是我的代码:

<form method="post" action="/cart/">
  <input name="id" value="1402808270917" type="hidden" />
  <input name="add" value="ORDER NOW" type="submit" />
</form>
Run Code Online (Sandbox Code Playgroud)

注意:这value是我需要能够进行硬编码的产品 ID。

我没有收到任何错误,只是转到购物车页面,显示购物车为空。奇怪的是,如果我的购物车里已经有东西,它会添加该产品的副本。

html liquid shopify

4
推荐指数
1
解决办法
2万
查看次数

方法是否被视为事件处理程序?

我正在研究javascript和jquery对事件处理程序的正确定义有点困惑.

到目前为止,我已阅读 .on()(例如)技术上是一个method但它正在处理事件.那么会.on()被视为事件处理程序吗?或者它是一个事件监听器,因为它内部的函数是处理程序?

javascript methods jquery

2
推荐指数
1
解决办法
67
查看次数

如何使用百分比绝对定位元素?

我有一个元素,我试图绝对定位到中心和底部附近。无论我是从右边还是左边做 50%,似乎都稍微偏离了中心。

在此屏幕截图中,您可以看到它位于中心左侧一点。

在此处输入图片说明

a.down {
    font-size:70px;
    color:#fff;
    text-align: center;
    bottom:5%;
    position: absolute;
    right: 50%;
}
<a href="#we-are-the-leader" class="down">
    <i class="fa fa-angle-down"></i>
</a>
Run Code Online (Sandbox Code Playgroud)

css css-position absolute

0
推荐指数
1
解决办法
2460
查看次数