我有一个jquery函数来上下移动一些div,而在这里滚动页面是代码 - >
$(window).scroll(function() {
$(".mydiv").css({
"margin-top": ($(window).scrollTop()) + "px",
"margin-left": ($(window).scrollLeft()) + "px"
});
});
以上代码仅适用于一个div,如 - >
<div class="mydiv">This div works</div>
<div class="mydiv">This div takes a high distance from above div and goes down</div>
$(window).scroll(function() {
$(".mydiv").css({
"margin-top": ($(window).scrollTop()) + "px",
"margin-left": ($(window).scrollLeft()) + "px"
});
});body {
height: 1000px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mydiv">This div works</div>
<div class="mydiv">This div takes a high distance from above div and goes down</div>我有一个文件输入按钮,而不是浏览我想在那里显示Font Awesome上传图标,但无论我尝试什么都没有给我结果.
这是我尝试过的:
.select-wrapper {
background: url(http://s10.postimg.org/4rc0fv8jt/camera.png) no-repeat;
background-size: cover;
display: block;
position: relative;
width: 33px;
height: 26px;
}
#image_src {
width: 26px;
height: 26px;
margin-right: 100px;
opacity: 0;
filter: alpha(opacity=0); /* IE 5-7 */
}<div class="container">
<span class="select-wrapper">
<input type="file" name="image_src" id="image_src" />
</span>
</div>通过上面的代码我只得到一张图片而不是浏览按钮,但我想使用Font Awesome图标.