草庐IT

backGround

全部标签

javascript - 背景颜色悬停淡入淡出效果 CSS

首先,我是初学者。我想要一步一步的指导。我想为我在Wordpress中的链接添加平滑的背景悬停效果a{color:#000;}a:hover{background-color:#d1d1d1;color:#fff;}我希望链接上的悬停速度较慢,而不是即时。我需要任何JavaScript或jQuery吗?如果是这样,请告诉我该怎么做。 最佳答案 由于这是一种美容效果,因此触发它应该不会太重要。鉴于此,您可能想看看CSS3transformations.a{color:#000;transition:background0.5sline

javascript - 更改#anchor 的默认起始位置

我有一个带有anchor的URL,它可以正常工作:site.com/item/id#comment-233打开时,anchor将恰好位于页面顶部。如何更改起点?假设我希望它从顶部向下50px。我需要这个的原因是因为我在页面顶部有固定层,所以评论在固定标题div后面出现重叠。为了以防万一,由于跨浏览器的合规性,我更喜欢一种解决方案,它不涉及将评论的容器更改为固定的和定位顶部减去标题的高度。 最佳答案 假设您的标签没有内容,用position:relative;top:-50px;给标签添加一个类根据您的文档,您也必须将其包装在绝对中如

javascript - 更改#anchor 的默认起始位置

我有一个带有anchor的URL,它可以正常工作:site.com/item/id#comment-233打开时,anchor将恰好位于页面顶部。如何更改起点?假设我希望它从顶部向下50px。我需要这个的原因是因为我在页面顶部有固定层,所以评论在固定标题div后面出现重叠。为了以防万一,由于跨浏览器的合规性,我更喜欢一种解决方案,它不涉及将评论的容器更改为固定的和定位顶部减去标题的高度。 最佳答案 假设您的标签没有内容,用position:relative;top:-50px;给标签添加一个类根据您的文档,您也必须将其包装在绝对中如

javascript - 如何延迟加载 div 背景图像

众所周知,它广泛用于延迟加载图像。现在我想将其用作延迟加载div背景图像。我该怎么做?我目前可以使用http://www.appelsiini.net/projects/lazyload那个插件所以我需要修改它以使其与div背景一起工作需要帮助。谢谢。下面的部分我想是延迟加载图片$self.one("appear",function(){if(!this.loaded){if(settings.appear){varelements_left=elements.length;settings.appear.call(self,elements_left,settings);}$("")

javascript - 如何延迟加载 div 背景图像

众所周知,它广泛用于延迟加载图像。现在我想将其用作延迟加载div背景图像。我该怎么做?我目前可以使用http://www.appelsiini.net/projects/lazyload那个插件所以我需要修改它以使其与div背景一起工作需要帮助。谢谢。下面的部分我想是延迟加载图片$self.one("appear",function(){if(!this.loaded){if(settings.appear){varelements_left=elements.length;settings.appear.call(self,elements_left,settings);}$("")

VSCode使用background-cover插件后弹出“code安装似乎损坏,请重新安装“,有时顶部显示“不受支持“--解决方法

最近在使用vscode的时候发现有时候右下角会弹出"code安装似乎损坏,请重新安装",顶部显示"不受支持"的问题。 经过排查,发现是background-cover这个插件的问题,原因应该是通过这个插件去给vscode设置自定义图片作为背景的时候修改了vscode本身的配置文件,导致了vscode认为安装已经损坏。不过这个问题是不影响使用的,如果实在想解决,可以去安装FixVSCodeChecksums这个插件: 安装完成后,按下ctrl+shift+p,在中间弹出的框中输入FixChecksums:Apply,输入过程中下面是有提示的,直接点击就好了。 右下角出现这个提示则代表配置成功: 

javascript - Bootstrap 模式 : background jumps to top on toggle

我有一个关于模态的问题。我在页面上有一个按钮,可以切换模式。当模式出现时,页面跳转到顶部。我已尽我所能找到解决方案/等等,但我真的迷路了。编辑:我也尝试过:$('#myModal').modal('show');但它具有完全相同的效果。 最佳答案 当模式打开一个modal-open类设置为标签。本类(class)集overflow:hidden;到body。将此规则添加到您的样式表以覆盖bootstrap.css样式:body.modal-open{overflow:visible;}现在滚动条应该留在原地。

javascript - Bootstrap 模式 : background jumps to top on toggle

我有一个关于模态的问题。我在页面上有一个按钮,可以切换模式。当模式出现时,页面跳转到顶部。我已尽我所能找到解决方案/等等,但我真的迷路了。编辑:我也尝试过:$('#myModal').modal('show');但它具有完全相同的效果。 最佳答案 当模式打开一个modal-open类设置为标签。本类(class)集overflow:hidden;到body。将此规则添加到您的样式表以覆盖bootstrap.css样式:body.modal-open{overflow:visible;}现在滚动条应该留在原地。

javascript - three.js 透明背景

代码有效,但我在使用three.js为Canvas设置透明背景时遇到问题。我使用:Background.renderer.setClearColor(0xffffff,0);但是背景变黑了。如何将其更改为透明?代码:varcamera,scene,renderer;varmouseX=0,mouseY=0;varp;varwindowHalfX=site.Width/2;varwindowHalfY=site.Height/2;Background.camera=newTHREE.PerspectiveCamera(35,site.Width/site.Height,1,2000);B

javascript - three.js 透明背景

代码有效,但我在使用three.js为Canvas设置透明背景时遇到问题。我使用:Background.renderer.setClearColor(0xffffff,0);但是背景变黑了。如何将其更改为透明?代码:varcamera,scene,renderer;varmouseX=0,mouseY=0;varp;varwindowHalfX=site.Width/2;varwindowHalfY=site.Height/2;Background.camera=newTHREE.PerspectiveCamera(35,site.Width/site.Height,1,2000);B