Questions tagged «css»

例如 @import url("~./foobar"); 在这里看到了它，不确定是特定于软件包的东西还是实际的CSS语法。

91 css  webpack  webpack-style-loader 

因此，可能会在鼠标移出时产生反向动画，例如： .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } 但是，当使用@keyframes动画时，我无法使其工作，例如： .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to {transform: rotate(0deg);} } 知道我需要迭代和动画本身，什么是最佳解决方案？ http://jsfiddle.net/khalednabil/eWzBm/

91 css  animation 

我有个问题。我有这样的元素： <a> id = someGenerated的元素Some：Same：0：name <a> id = someGenerated的元素Some：Same：0：surname <a> id = someGenerated的元素Some：Same：1：name <a> id = someGenerated的元素Some：Same：1：surname 我需要CSS选择器来获取名称。问题是我不知道如何获得它。我尝试过a[id*='Some:Same']-它返回了所有<a>元素。之后，我可以获得ID以名称结尾的元素。但是我不喜欢这个主意。我认为可以使用其他选择器来完成。

91 css  css-selectors  webdriver 

我正在混合Web浏览器环境（Chrome / IE11）中开发网页。IE11不支持CSS变量，是否存在可以让我在IE11中使用CSS变量的polyfill或脚本？

91 css  internet-explorer-11  polyfills 

我正在努力设置libsass，因为它不像基于Ruby的编译器那样简单。有人可以解释如何： 安装libsass？ 从命令行使用它？ 与gulp和grunt等任务赛跑者一起使用吗？ 我对程序包经理的经验很少，而对任务执行者的经验则更少。

91 css  sass  gulp-sass  node-sass  libsass 

我正在尝试将此代码添加到动态创建的div元素中 style = "width:330px;float:left;" 创建动态的代码div是 var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; 我的想法是在之后添加样式，< div class="well"但我不知道该怎么做。

91 javascript  css  innerhtml 

在iOS（Safari 5）上，我必须遵循以下输入元素（顶部内部阴影）： 我想删除顶部阴影，-webkit-appearance但无法保存错误。 当前样式是： input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; }

91 ios  css  input 

我希望将flex项居中，但是当我们有第二行时，将5（下图）置于1以下，而不位于父项的中心。 这是我所拥有的一个例子： ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } li { list-style-type: none; border: 1px solid gray; margin: 15px; padding: 5px; width: 200px; } <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> 运行代码段隐藏结果展开摘要 http://jsfiddle.net/8jqbjese/2/

91 html  css  flexbox 

如您所见，list-items第一个row具有相同的height。但是第二个项目row有不同heights。我希望所有物品都穿制服height。 有什么方法可以在不提供固定高度且仅使用flexbox的情况下实现此目的？ 这是我的 code .list { display: flex; flex-wrap: wrap; max-width: 500px; } .list-item { background-color: #ccc; display: flex; padding: 0.5em; width: 25%; margin-right: 1%; margin-bottom: 20px; } .list-content { width: 100%; } <ul class="list"> <li class="list-item"> <div class="list-content"> <h2>box 1</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> …

91 html  css  flexbox 

我正在使用twitter的bootstrap CSS框架（太棒了）。对于某些给用户的消息，我正在使用警报Javascript JS和CSS来显示它们。 对于那些感兴趣的人，可以在这里找到：http : //getbootstrap.com/javascript/#alerts 我的问题是这个；在向用户显示警报后，我希望它在一段时间后消失。根据twitter的文档和我浏览过的代码来看，它似乎不存在： 我的第一个问题是要求确认是否确实没有引入Bootstrap中 其次，如何实现这种行为？

90 javascript  jquery  css  twitter-bootstrap  alert 

我正在使用Twitter Bootstrap，并试图将按钮置于表格单元格的中央。我只需要垂直居中即可。 <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> 请参阅我的JSFiddle以获得该问题。我尝试了一些我知道的表格居中技巧，但似乎都无法正常工作。有任何想法吗？提前致谢。 更新：是的，我已经尝试过了vertical-align:middle;，如果它是内联的，那行得通，但是如果它在具有的类中，那行不通td。更新了JSFiddle以反映这一点。 最终更新：我是个白痴，没有检查bootstrap.css是否覆盖了它

90 css  twitter-bootstrap 

最近有几篇有关Google的新无图像按钮的文章： http://stopdesign.com/archive/2009/02/04/recreating-the-button.html http://stopdesign.com/eg/buttons/3.0/code.html http://stopdesign.com/eg/buttons/3.1/code.html http://gmailblog.blogspot.com/2009/02/new-ways-to-label-with-move-to-and-auto.html 我非常喜欢这些新按钮在Gmail中的工作方式。如何在网站上使用这些或类似按钮？是否有外观和风格相似的开源项目？ 如果我想使用JQuery / XHTML / CSS来滚动自己的按钮包，可以使用哪些元素？我最初的想法是： <input type="button">css的标准，以改善外观（设计文章主要讨论css / imges涉及。） jQuery javascript弹出一个自定义对话框，该对话框植根于“ onclick”事件上的按钮，该对话框中将包含<a>标签和用于过滤的搜索栏？该弹出窗口的表格布局是否合理？ 我对Web上的反向工程非常糟糕，可以使用哪些工具来对这些按钮进行反向工程？使用Firefox的Web开发人员工具栏，我无法真正看到在按钮弹出对话框中使用的CSS或JavaScript（即使已缩小）。我可以使用哪种浏览器工具或其他方法来窥视它们并获得一些想法？ 我不想盗用Google的任何IP，只是想知道如何创建类似的按钮功能。

90 javascript  html  css  gmail  reverse-engineering 

如果没有为元素设置CSS高度规则，我无法使用.height()jQuery方法，因为它首先需要CSS规则集，那么有什么方法可以获取元素的高度？还有其他方法可以获取高度吗？

90 jquery  css  height 

有什么方法可以使用CSS 从背景效果中切出一个透明文本，如下图所示？ 这将是可悲的输，因为替换文本图像的所有珍贵的SEO。 我首先想到了阴影，但是我什么也搞不清... 图片是网站背景，是绝对定位的<img>标签

90 css  svg  fonts  css-shapes 

我正在开发Web应用程序，并且需要与其他浏览器分开标识Microsoft Edge的浏览器，以应用独特的样式。有没有一种使用CSS识别Edge的方法？就像， <!--[if IE 11]> Special instructions for IE 11 here <![endif]-->

90 css  browser  microsoft-edge