草庐IT

drupal_add_css

全部标签

javascript - 如何在 HTML/使用 CSS 中制作 "non-droppable group"?

是否可以在HTML中/使用CSS创建一个“不可删除的组”?例如,如果我有一个像这样的简单元素:Name:Item给定足够的尺寸(宽度),它会被渲染成这样:但如果宽度变得太小,Item标签和TextBox将被“丢弃”在Name标签下方,如下所示:是否可以创建这样的行为,即当宽度较小时,将调整文本框大小,但标签将保留在文本框的左侧和右侧,而不是被“丢弃”?举例说明:Onlargescreen:Name:||ItemOnsmallscreen:Name:||Item如果这必须使用Javascript完成,我也同意使用Javascript的建议答案。 最佳答案

html - 什么会导致错误 '(CSS 3.0): ":-webkit-autofill"is not a valid pseudo-class. '

我有一个正在使用VisualStudio2015构建的MVC网络应用程序。我的一些表单对输入元素使用自动填充,但在使用Chrome时,由于Chrome用户代理样式表,自动填充字段会留下令人厌恶的淡黄色背景。广泛接受的解决方案是使用以下CSS来呈现没有黄色背景的输入:input:-webkit-autofill{-webkit-box-shadow:0001000pxwhiteinset!important;}这种方法在我以前的所有元素(使用VisualStudio2013构建)中都非常有效。但是,在我的CSS文件中,上面的代码显示为无效并出现以下错误:Validation(CSS3.0

html - 什么会导致错误 '(CSS 3.0): ":-webkit-autofill"is not a valid pseudo-class. '

我有一个正在使用VisualStudio2015构建的MVC网络应用程序。我的一些表单对输入元素使用自动填充,但在使用Chrome时,由于Chrome用户代理样式表,自动填充字段会留下令人厌恶的淡黄色背景。广泛接受的解决方案是使用以下CSS来呈现没有黄色背景的输入:input:-webkit-autofill{-webkit-box-shadow:0001000pxwhiteinset!important;}这种方法在我以前的所有元素(使用VisualStudio2013构建)中都非常有效。但是,在我的CSS文件中,上面的代码显示为无效并出现以下错误:Validation(CSS3.0

html - 为什么 CSS 转换在移动版 Chrome 中滞后?

在我研究CSS图像缩放功能的过程中,我遇到了移动版Chrome的性能问题。描述:如果我尝试通过将CSStransform属性直接添加到图像来缩放图像,一切正常。缩放过渡像60fps的黄油一样平滑(JSFiddle)。问题:但是,如果我将图像包装在一个div容器中并尝试转换该容器,转换就会非常缓慢(JSFiddle)。过渡开始时有很大的延迟,而且并不顺利。这似乎只是移动Chrome的一个问题,因为它不会在其他浏览器(如Android上的Firefox)中发生,只会在我的移动设备(Nexus5)和其他一些Android设备上发生。有人知道CSS或HTML结构有什么问题吗?

html - 为什么 CSS 转换在移动版 Chrome 中滞后?

在我研究CSS图像缩放功能的过程中,我遇到了移动版Chrome的性能问题。描述:如果我尝试通过将CSStransform属性直接添加到图像来缩放图像,一切正常。缩放过渡像60fps的黄油一样平滑(JSFiddle)。问题:但是,如果我将图像包装在一个div容器中并尝试转换该容器,转换就会非常缓慢(JSFiddle)。过渡开始时有很大的延迟,而且并不顺利。这似乎只是移动Chrome的一个问题,因为它不会在其他浏览器(如Android上的Firefox)中发生,只会在我的移动设备(Nexus5)和其他一些Android设备上发生。有人知道CSS或HTML结构有什么问题吗?

javascript - CSS3动画的问题

这是我的第一个问题,对此我很高兴我用fullpage.js创建了一个页面Roadmap我会用CSS3创建一个动画,所以我看到了一个简单的tutorial我按照说明操作并将代码粘贴到roadmap.html动画效果很好,但我不知道为什么有14个蓝色背景的火箭。可以看到“故障”Herejs有什么错误吗?是css的问题吗?#outerspace{position:relative;height:400px;background:#0c0440url('http://www.the-art-of-web.com/images/rocket.gif');color:#fff;}div.rocke

javascript - CSS3动画的问题

这是我的第一个问题,对此我很高兴我用fullpage.js创建了一个页面Roadmap我会用CSS3创建一个动画,所以我看到了一个简单的tutorial我按照说明操作并将代码粘贴到roadmap.html动画效果很好,但我不知道为什么有14个蓝色背景的火箭。可以看到“故障”Herejs有什么错误吗?是css的问题吗?#outerspace{position:relative;height:400px;background:#0c0440url('http://www.the-art-of-web.com/images/rocket.gif');color:#fff;}div.rocke

html - CSS/HTML 流程图

我需要一个非常简单、直接的CSS/HTML流程图,格式如下:Node1|Node2|Node3|Node4|Node5|Node6我对CSS几乎一无所知,但试图修改下面链接中详细介绍的那个。问题是我只想要一个线性的垂直图表,结果到处都是!http://www.htmlforums.com/css/t-flowchart-using-css-85999.html有人能帮忙吗? 最佳答案 希望这对你有用:http://jsfiddle.net/wkCNm/如果JSFiddle消失,这里是代码。HTMLAsimplefamilytreeu

html - CSS/HTML 流程图

我需要一个非常简单、直接的CSS/HTML流程图,格式如下:Node1|Node2|Node3|Node4|Node5|Node6我对CSS几乎一无所知,但试图修改下面链接中详细介绍的那个。问题是我只想要一个线性的垂直图表,结果到处都是!http://www.htmlforums.com/css/t-flowchart-using-css-85999.html有人能帮忙吗? 最佳答案 希望这对你有用:http://jsfiddle.net/wkCNm/如果JSFiddle消失,这里是代码。HTMLAsimplefamilytreeu

html - CSS 延迟 :active selector taking effect

我无法让我的CSS3按钮正常运行。您可以在oneofmyprojectpages查看按钮.问题是在:activeCSS选择器生效前有一秒左右的延迟,使按钮轻微移动并改变阴影;它以前没有这样做。这是Sass代码:@mixintransition($type,$time,$ease){-webkit-transition:$type$time$ease;transition:$type$time$ease;}@mixinborder-radius($length){border-radius:$length;-webkit-border-radius:$length;-moz-border