草庐IT

css-calc

全部标签

javascript - 使用字符串设置内联 css 过渡样式会改变真实值。奇异的

我有一个样式表,它像这样设置一个css过渡属性(为简洁起见省略了前缀版本):transition:opacity1s;然后我在页面上有一些元素,我想通过JavaScript修改每个元素的transition-delay属性,以产生交错效果。我像这样使用jQuery:$(element).css('transition-delay',delay+'s');但是,上面的代码没有向元素添加内联transition-delay:Xs。相反,它会导致:但这很好,因为它按预期工作。不知何故,浏览器知道transition:Xs的真正意思是将transition-delay设置为Xs并保持其余部分不

javascript - 使用字符串设置内联 css 过渡样式会改变真实值。奇异的

我有一个样式表,它像这样设置一个css过渡属性(为简洁起见省略了前缀版本):transition:opacity1s;然后我在页面上有一些元素,我想通过JavaScript修改每个元素的transition-delay属性,以产生交错效果。我像这样使用jQuery:$(element).css('transition-delay',delay+'s');但是,上面的代码没有向元素添加内联transition-delay:Xs。相反,它会导致:但这很好,因为它按预期工作。不知何故,浏览器知道transition:Xs的真正意思是将transition-delay设置为Xs并保持其余部分不

html - css 相对定位将 div 换行

对于这个问题,我有以下fiddle:http://jsfiddle.net/jcb9xm44/父级div中有2个内联blockdiv:YXcss为父div分配一个宽度,为子div分配2个宽度。.outer{width:210px;border:1pxsolidred;}.inner1{width:200px;border:1pxsolidorange;display:inline-block;}.inner2{width:50px;position:relative;left:-50x;display:inline-block;border:1pxsolidlightblue;}我原以

html - css 相对定位将 div 换行

对于这个问题,我有以下fiddle:http://jsfiddle.net/jcb9xm44/父级div中有2个内联blockdiv:YXcss为父div分配一个宽度,为子div分配2个宽度。.outer{width:210px;border:1pxsolidred;}.inner1{width:200px;border:1pxsolidorange;display:inline-block;}.inner2{width:50px;position:relative;left:-50x;display:inline-block;border:1pxsolidlightblue;}我原以

html - 通过 CSS 从底部裁剪图像

我想从底部裁剪高度太大的图像。像一张高度在2400px左右的图片,我想只取其600px的上半部分。FiddleLink 最佳答案 您需要在容器中完成工作,而不是图像。我fork了你的fiddle并将高度限制添加到文章容器和overflow:scroll只是为了证明这一点。如果你真的想裁剪它,你可以使用overflow:hidden。http://fiddle.jshell.net/7b01ednx/带有溢出:隐藏http://fiddle.jshell.net/t2wksLa5/ 关于h

html - 通过 CSS 从底部裁剪图像

我想从底部裁剪高度太大的图像。像一张高度在2400px左右的图片,我想只取其600px的上半部分。FiddleLink 最佳答案 您需要在容器中完成工作,而不是图像。我fork了你的fiddle并将高度限制添加到文章容器和overflow:scroll只是为了证明这一点。如果你真的想裁剪它,你可以使用overflow:hidden。http://fiddle.jshell.net/7b01ednx/带有溢出:隐藏http://fiddle.jshell.net/t2wksLa5/ 关于h

html - CSS Resize 适用于水平但不适用于垂直?

我正在使用Bootstrap表单,试图使其在水平和垂直方向上均可调整大小。使用简单的CSS,我有:.form-group-description{resize:both;overflow:auto;width:50%;}这将使我可以水平而不是垂直调整大小。我试过只使用resize:vertical;但这也不起作用。有什么想法吗?你可以在http://impissed.co/看到我在说什么我会离开网站,直到我得到一些帮助(这是描述框)编辑:我将其更改为使用textarea而不是html中的输入。但是,现在当您向右调整大小并移回左侧时,表单将保持向右移动。这是html:

html - CSS Resize 适用于水平但不适用于垂直?

我正在使用Bootstrap表单,试图使其在水平和垂直方向上均可调整大小。使用简单的CSS,我有:.form-group-description{resize:both;overflow:auto;width:50%;}这将使我可以水平而不是垂直调整大小。我试过只使用resize:vertical;但这也不起作用。有什么想法吗?你可以在http://impissed.co/看到我在说什么我会离开网站,直到我得到一些帮助(这是描述框)编辑:我将其更改为使用textarea而不是html中的输入。但是,现在当您向右调整大小并移回左侧时,表单将保持向右移动。这是html:

html - 具有 body 图像背景的事件 LI 的 css 箭头?

我的目标是隐藏三Angular形下方的线,以便在我的事件菜单上获得这个结果_____^_____。stackoverflow上也有类似的问题,但这些解决方案并没有解决我目前遇到的问题。请帮我玩一下。谢谢!FIDDLE在这里。body{background:#1abc9curl(//dmypbau5frl9g.cloudfront.net/assets/homepage/banner--themeforest-342995208860d6c90b98134db089ef84.jpg);}ul{width:100%;border-bottom:3pxsolidred}li{display:

html - 具有 body 图像背景的事件 LI 的 css 箭头?

我的目标是隐藏三Angular形下方的线,以便在我的事件菜单上获得这个结果_____^_____。stackoverflow上也有类似的问题,但这些解决方案并没有解决我目前遇到的问题。请帮我玩一下。谢谢!FIDDLE在这里。body{background:#1abc9curl(//dmypbau5frl9g.cloudfront.net/assets/homepage/banner--themeforest-342995208860d6c90b98134db089ef84.jpg);}ul{width:100%;border-bottom:3pxsolidred}li{display: