Questions tagged «css»

我有4部分CSS3动画在单击时播放-动画的最后一部分是将其从屏幕上删除的。 但是，一旦播放，它始终会返回其原始状态。任何人都知道如何在它的最后一个css帧（100％）上停止它，或者如何在播放后摆脱掉整个div。 @keyframes colorchange { 0% { transform: scale(1.0) rotate(0deg); } 50% { transform: rotate(340deg) translate(-300px,0px) } 100% { transform: scale(0.5) rotate(5deg) translate(1140px,-137px); } }

180 css  css-animations 

我有一个select要标记为“只读” 的表单字段，因为用户无法修改该值，但该值仍与表单一起提交。使用该disabled属性可防止用户更改值，但不会使用表单提交值。 该readonly属性仅适用于input和textarea字段，但这基本上就是我想要的。有什么办法可以使它正常工作吗？ 我正在考虑的两种可能性包括： 而不是禁用select，而是禁用所有，option并使用CSS将所选内容变灰，使其看起来像已禁用。 在提交按钮上添加单击事件处理程序，以便在提交表单之前启用所有禁用的下拉菜单。

180 javascript  html  css  forms  html-select 

关闭。这个问题需要调试细节。它当前不接受答案。 想改善这个问题吗？更新问题，使它成为Stack Overflow 的主题。 去年关闭。 改善这个问题 好的，由于某种原因，我的网页从左向右滚动并显示了很多难看的空间。 我已经搜索了结果，但它们只是使滚动条处于隐藏状态 这就是我想要的，我想在物理上禁用水平滚动功能。我不希望用户能够在页面上上下左右滚动！ 我试过了：overflow-x:hidden在html标签上的css中，但是它只使滚动条处于隐藏状态，而没有禁用滚动。 请帮我！ 这是指向页面的链接：http : //www.green-panda.com/usd309bands/（链接断开） 这可能使您对我所说的内容有了更好的了解： 这是第一页加载时： 这是在我向右滚动之后：

180 html  css 

这是我现在的过程： 将更改保存到print.css 打开浏览器并刷新页面。 右键单击并选择“打印”>“打印预览”（Firefox，但实际上是任何浏览器） 这是第3步，这让我很烦，我想知道是否有可能使用插件或其他工具将其排除在流程之外。只需选择以打印介质的形式查看页面，然后只需刷新以查看更改即可。 您如何测试打印样式表？刷新后是否总是单击打印预览？

179 css  firefox 

好的，所以我需要的很简单。 我已经在导航栏中设置了一些下拉菜单（使用class="dropdown-toggle" data-toggle="dropdown"），并且工作正常。 问题是它可以工作“ onClick”，而我希望它可以工作“ onHover”。 有内置的方法吗？

179 javascript  jquery  html  css  twitter-bootstrap 

我想做的是同时显示background-color和background-image，这样我的一半div将覆盖右侧阴影背景图像，而另一半将覆盖背景颜色。 但是当我使用时background-image，颜色消失了。

179 css 

我需要创建一个包含多个其他DIV的容器DIV样式。要求如果将浏览器窗口调整为窄尺寸，则这些DIV将不会自动换行。 我试图使其工作如下。 <style> .container { min-width: 3000px; overflow: hidden; } .slide { float: left; } </style> <div class="container"> <div class="slide">something</div> <div class="slide">something</div> <div class="slide">something</div> <div class="slide">something</div> </div> 在大多数情况下，这是可行的。但是，在某些特殊情况下，渲染是不正确的。我发现容器DIV在IE7的RTL中更改为3000px宽度；变得混乱了。 还有其他方法可以使容器DIV不包装吗？

179 html  css  word-wrap  nowrap 

是否可以使用CSS禁用表单字段？我当然知道禁用的属性，但是可以在CSS规则中指定此属性吗？就像是 - <input type="text" name="username" value="admin" > <style type="text/css"> input[name=username] { disabled: true; /* Does not work */ } </style> 我问的原因是，我有一个应用程序，其中表单字段是自动生成的，并且字段是根据某些规则（以Javascript运行）隐藏/显示的。现在，我想扩展它以支持禁用/启用字段，但是规则的编写方式可以直接操作表单字段的样式属性。因此，现在我必须扩展规则引擎以更改属性以及表单字段的样式，这在某种程度上似乎并不理想。 很好奇您在CSS中具有visible和display属性，但没有启用/禁用。仍在进行中的HTML5标准中是否有类似的东西，甚至是非标准的东西（特定于浏览器）？

179 html  css 

我正在尝试使用CSS Grid创建一个简单的页面。 我无法做的是将HTML文本集中到相应的网格单元格。 我尝试将内容放置在和选择器div内部和外部的单独s中，left_bg并right_bg使用某些CSS属性无效。 我该怎么做呢？ html, body { margin: 0; padding: 0; } .container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 100vh; grid-gap: 0px 0px; } .left_bg { display: subgrid; background-color: #3498db; grid-column: 1 / 1; grid-row: 1 / 1; z-index: 0; } .right_bg { display: subgrid; background-color: #ecf0f1; grid-column: …

179 html  css  centering  css-grid 

IE8是否不支持以下CSS媒体查询： @import url("desktop.css") screen and (min-width: 768px); 如果没有，替代的写作方式是什么？在Firefox中也可以正常工作。 以下代码有任何问题吗？ @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

178 html  css  responsive-design  internet-explorer-8  media-queries 

当用户访问网页时（当页面内容不足以触发滚动条激活时），使浏览器的垂直滚动条保持可见状态需要什么CSS？

178 html  css  xhtml 

因此，如果我z-index正确理解，在这种情况下将是完美的： 我想将底部图像（标签/卡片）放在其上方的div下方。所以您看不到锋利的边缘。我该怎么做呢？ z-index:-1 // on the image tag/card 要么 z-index:100 // on the div above 也不起作用。诸如此类的组合也没有。怎么会？

178 html  css  z-index 

我需要使50％的白色背景透明而不影响其他任何内容。我该怎么做？

178 css 

我为这个问题制作了一个图像，以使其更易于理解。 是否可以在<div>具有固定宽度和多行的上创建省略号？ 我已经在这里和那里尝试了一些jQuery插件，但是找不到我想要的插件。有什么建议吗？有想法吗？

177 javascript  jquery  html  css 

我想控制子弹<li>在<ol>或中向右推动多少水平空间<ul>。 也就是说，不是总有 * Some list text goes here. 我希望能够将其更改为 * Some list text goes here. 要么 *Some list text goes here. 我环顾四周，但只能找到将整个块向左或向右移动的说明，例如，http：//www.alistapart.com/articles/taminglists/

177 html  css  html-lists