我想用CSS创建下图中的白色边框。在窗口内设置为25px的白色边框。Iv'e尝试使用方框阴影插图,但无法在窗口边缘之间创建空间。
我使用了这个css:
border: 3px solid white; //took this out but still no luck
box-shadow: inset 0 0 0 5px #FFFFFF;
我也尝试过不使用普通边框。
我想我可以创建一个有填充或边距的覆盖div,并给它一个边框,但问题是内容需要在它下面是可滚动和可点击的。
目标:图标上方的白色方框。
我正在将一些JavaScript和jQuery连接到这个WordPress中,但我需要帮助来处理最后的10%。我已经附加了一个脚本到导航栏,以便它随着滚动改变颜色。向下滚动时,导航栏背景变为白色,带有黑色字体和方框阴影。然后,当您向上滚动时,导航栏背景变为透明,字体颜色变为白色,框阴影消失。问题是最后一部分没有发生。当我向上滚动时,白色背景仍然存在。
下面是jQuery:
var $j = jQuery.noConflict();
$j(document).ready(function(){
var scroll_start = 0;
var startchange = $j
如果你打开,你会看到一个"Danger Will Robinson“按钮,可能是设置为CSS position:fixed的。当您向下滚动页面时,它会停留在窗口/视口的顶部。注意到这里有一个白色的方框阴影(或者fadeOut效果?)围绕着这个盒子。因此,当您向下滚动页面时,所有元素(主要是灰色按钮)似乎都会淡出。
我正在想办法抓住这个很酷的“随你向下滚动,the-content-at-the-top-of-the-page-seems-to-fadeout‘效果”。这有点超出了我的理解。
我有一个左侧垂直侧栏,当用户垂直滚动时,侧栏与用户一起垂直滚动。但是,当用户在窗口太小的情况下水平滚动时,垂直边栏会随窗口一起滑动。如何停止侧栏的水平滚动,但又允许侧栏与用户一起垂直滚动。
我不想这么做。
overflow: hidden;
因为我希望用户有能力水平滚动,但我只是不希望侧栏来与他们一起。
这是我的javascript:
$(document).ready(function(){
var top = $("#sidebar").offset().top;
$(window).scroll(function(){
var y = $(