草庐IT

background-color

全部标签

html - 将一个 div 的一 Angular 堆叠在另一个 div 下方

我试图将蓝色方形div的Angular放在橙色div的下面。我尝试了我所知道的一切:z-index不起作用,因为我的div包裹在另一个div中,如果我打开它,我将无法定位八个元素。有人能告诉我怎么做吗?或者如何对所有元素使用z-index?我有什么:我需要什么:到目前为止我的HTML:body{background-color:#222;background-repeat:no-repeat;}#blueSquare{position:absolute;left:15px;top:15px;width:50%;height:170px;-webkit-transform:rotate(

html - 将一个 div 的一 Angular 堆叠在另一个 div 下方

我试图将蓝色方形div的Angular放在橙色div的下面。我尝试了我所知道的一切:z-index不起作用,因为我的div包裹在另一个div中,如果我打开它,我将无法定位八个元素。有人能告诉我怎么做吗?或者如何对所有元素使用z-index?我有什么:我需要什么:到目前为止我的HTML:body{background-color:#222;background-repeat:no-repeat;}#blueSquare{position:absolute;left:15px;top:15px;width:50%;height:170px;-webkit-transform:rotate(

javascript - jQuery/CSS : fixed overlay should not allow scrolling of background?

我有一个固定在屏幕中央的覆盖框。该页面本身相当长,并且有一个垂直滚动条。我想在显示叠加层后禁用页面本身的滚动。但是我不能完全禁用滚动,因为一些叠加层本身确实有overflow-y:scroll。因此叠加层中的内容应该滚动,但页面本身应该卡住。知道如何用jquery或css解决这个问题吗? 最佳答案 我能想到的最快和最肮脏的方法是为滚动事件的窗口附加一个事件监听器,如果您的叠加层可见则防止默认()。像这样(使用jquery)。window.addEventListener('scroll',function(e){varel=$('.

javascript - jQuery/CSS : fixed overlay should not allow scrolling of background?

我有一个固定在屏幕中央的覆盖框。该页面本身相当长,并且有一个垂直滚动条。我想在显示叠加层后禁用页面本身的滚动。但是我不能完全禁用滚动,因为一些叠加层本身确实有overflow-y:scroll。因此叠加层中的内容应该滚动,但页面本身应该卡住。知道如何用jquery或css解决这个问题吗? 最佳答案 我能想到的最快和最肮脏的方法是为滚动事件的窗口附加一个事件监听器,如果您的叠加层可见则防止默认()。像这样(使用jquery)。window.addEventListener('scroll',function(e){varel=$('.

html - CSS 拼图 : How to add background-image and set height/width on empty span?

我已经在几个span元素上设置了background-image,但它们没有显示,我想是因为我的height和width设置被忽略。HTML来源:CSS:span.sidebar-poster{margin-bottom:10px;background-repeat:no-repeat;width:160px;}span#starthere{background-image:url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou180.jpg);height:285px;}span#starthere:h

html - CSS 拼图 : How to add background-image and set height/width on empty span?

我已经在几个span元素上设置了background-image,但它们没有显示,我想是因为我的height和width设置被忽略。HTML来源:CSS:span.sidebar-poster{margin-bottom:10px;background-repeat:no-repeat;width:160px;}span#starthere{background-image:url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou180.jpg);height:285px;}span#starthere:h

html - 关键帧动画 - 即时变化

我已经开始学习CSS3中的关键帧动画。我注意到的一种想法是,无论我如何使用关键帧动画“计时”,过渡总是很平滑。例如;背景颜色从50%到100%的变化是动画从50%到100%播放时的平滑过渡。我想要实现的是一种使用“即时”类型的值更改来制作动画的方法..再举个例子:如果BG的50%值为红色,BG的100%值为蓝色;动画应保持红色直到达到100%,并在完成100%时立即变为蓝色。我不确定我的术语是对还是错,但在任何情况下某些方向都是完美的。 最佳答案 您可以使用steps作为暂停动画直到下一个关键帧的计时功能CSS:-webkit-an

html - 关键帧动画 - 即时变化

我已经开始学习CSS3中的关键帧动画。我注意到的一种想法是,无论我如何使用关键帧动画“计时”,过渡总是很平滑。例如;背景颜色从50%到100%的变化是动画从50%到100%播放时的平滑过渡。我想要实现的是一种使用“即时”类型的值更改来制作动画的方法..再举个例子:如果BG的50%值为红色,BG的100%值为蓝色;动画应保持红色直到达到100%,并在完成100%时立即变为蓝色。我不确定我的术语是对还是错,但在任何情况下某些方向都是完美的。 最佳答案 您可以使用steps作为暂停动画直到下一个关键帧的计时功能CSS:-webkit-an

html - 并排放置 3 个 div

我想使用CSS并排放置3个div。我浏览了很多关于SO的帖子,但没有让我的元素发挥作用。#quotescointainer{width:100%;font-size:12px;}#quotesleft{float:left;width:33%;background-color:white;}#quotescenter{background-color:white;width:33%;}#quotesright{float:left;width:33%;}上面没有将div放在正确的位置。我似乎无法弄清楚我犯的错误。 最佳答案 你可以f

html - 并排放置 3 个 div

我想使用CSS并排放置3个div。我浏览了很多关于SO的帖子,但没有让我的元素发挥作用。#quotescointainer{width:100%;font-size:12px;}#quotesleft{float:left;width:33%;background-color:white;}#quotescenter{background-color:white;width:33%;}#quotesright{float:left;width:33%;}上面没有将div放在正确的位置。我似乎无法弄清楚我犯的错误。 最佳答案 你可以f