Questions tagged «css»

假设我有 <div class="myDiv">Hi there</div> 我想提出一个background-image并给它一个opacity的0.5-但我想，我写的文字将有充分的不透明度（1）。 如果我这样写CSS .myDiv { opacity:0.5 } 一切都会变得不透明-我不想要那样。 所以我的问题是–如何获得具有完全不透明度文本的低不透明度背景图像？

86 html  css  background  background-image 

可能是Compass 101，但是有人写过mixin来设置颜色的alpha值吗？理想情况下，我希望mixin采用任何形式的颜色定义并应用透明度： @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( rgb(255,0,0), 0.5 ); //prints rgba(255, 0, 0, 0.5);

86 css  sass  compass-sass  rgba 

我在旋转和定位一行文本时遇到一些问题。现在，只是位置有效。旋转也可以，但是仅当我禁用定位时。 CSS： #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } html只是纯文本。

86 css  webkit  transform  css-transforms 

我有一个特殊而令人沮丧的问题。对于简单的标记： <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr> <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> </tbody> </table> 我将不同的背景颜色值应用于thead，tr和tr奇数元素。问题在于，在大多数浏览器中，每个单元格都有一个不需要的边框，这不是任何表行的颜色。仅在Firefox 3.5中，表格的任何单元格都没有边框。 我只想知道如何在其他主要浏览器中删除这些边框，以便表中唯一可见的是交替的行颜色。

86 html  css  html-table 

代码在这里：http : //lasers.org.ru/vs/example.html 如何删除主块（#page）下的空白？

86 css 

我已经看到过这种表示法使用了很多东西，我想知道，这两种表示法之间有什么显着区别吗？ element#id { property: 0; } 和 element#id { property: 0px; } 我property: 0px;一直都在使用，因为我觉得它看上去更干净，但是我不太确定浏览器的解释是否0px不同于0。 有谁知道哪个更好或更正确？

86 css  properties  zero 

我有一个项目类和一个紧凑的“修饰符”类： .item { ... } .item.compact { /* styles to make .item smaller */ } 这可以。但是，我想添加一个@media查询，.item以在屏幕足够小时强制类紧凑。 乍一想，这就是我试图做的事情： .item { ... } .item.compact { ... } @media (max-width: 600px) { .item { @extend .item.compact; } } 但这会产生以下错误： 您不能从@media内部扩展外部选择器。您只能在同一指令中使用@extend选择器。 我如何使用SASS来完成此任务而不必诉诸复制/粘贴样式？

86 css  sass  media-queries 

有没有一种方法可以设置<option>元素中当前选定元素的样式<select>？ 然后可以为当前选择的选项元素提供背景颜色吗？这样，我可以设置关闭下拉菜单中当前可见的选项的样式。

86 html  css  css-selectors  pseudo-class 

我有： 我要捆绑的JS文件。 我想编译为CSS的LESS文件（将@imports解析为一个包）。 我希望将它们指定为两个单独的输入，并具有两个单独的输出（可能通过extract-text-webpack-plugin）。Webpack具有所有合适的插件/加载器来进行编译，但似乎不喜欢这种分离。 我已经看到了一些人的示例，这些人直接从JS需要他们的LESS文件，例如require('./app.less');，其原因仅是告诉Webpack将这些文件包含到捆绑包中。这只允许您只有一个入口点，但对我来说似乎真的很不对劲-为什么当与我的JS代码无关的情况下，为什么我的JS中需要LESS？ 我尝试使用多个入口点，将入口JS和主LESS文件都交到其中，但是当使用多个入口点时，webpack会生成一个在加载时不执行JS的捆绑软件-捆绑了所有东西，但不知道在启动时应该执行什么。 我只是使用webpack错了吗？我应该为这些单独的模块运行单独的webpack实例吗？如果我不打算将Webpack混入我的JS中，是否应该甚至将webpack用于非JS资产？

86 javascript  css  webpack  build  css-preprocessor 

我有一个标题框，其中包含边框和填充以及该框的背景色，我可以仅更改边框后的填充区域的背景色，然后更改其余宽度的背景色（即给定代码中的灰色） ？ 只是我想要填充背景颜色的少量代码： nav { margin:0px auto; width:100%; height:50px; background-color:grey; float:left; padding:10px; border:2px solid red; }

86 css 

一个简单的例子： 的HTML <p style="color:red!important"> this text is red <em> this text is in the initial color (e.g. black) </em> this is red again </p> 的CSS em { color:initial; color:unset; } initial和之间有什么区别unset？仅支持浏览器 CanIUse：CSS未设置值 开发人员Mozilla Web CSS初始

86 css 

我正在通过XAMPP开发基于Wordpress源代码的网站。有时，我更改了CSS代码，脚本或其他内容，但我注意到我的浏览器需要花费一些时间来应用修改。这导致我使用多个浏览器刷新一个浏览器，如果不应用新样式，则尝试第二个浏览器，而且总是这样。 有什么办法可以避免这个问题？有时我在更改代码时没有注意到先前的修改。

86 javascript  css  browser  xampp 

当响应和滚动活动时，表内的下拉按钮存在问题，因为由于overflow: auto;属性而无法看到下拉菜单。如何解决此问题，以便在折叠按钮时显示按钮的下拉选项？我可以使用一些jQuery，但是在左右滚动时遇到问题后，我决定寻找其他解决方案。我附了一张照片，以更好地理解。 这是一个小js小提琴：

86 javascript  jquery  css  twitter-bootstrap  overflow 

我永远不会记住在一个声明中设置边距或填充的速记属性的顺序。那是： margin-top: 2px; margin-bottom: 4px; margin-left: 3px; margin-right: 8px; 可以写成 margin: 2px 8px 4px 3px; 是的，我了解人们可以通过思考时钟来形象化订单，从中午开始并顺时针移动。但是我一直忘了那个。我需要从文本上回忆起上，右，下，左的顺序。 因此，TBLR TRBL。 像这样的[R-名词] [B-动词] [L-名词]也许是要走的路，但我感到自己缺乏灵感。如果有人遇到过有用的助记符，我很想听听。像一个好模因一样，我敢肯定，一旦我的脑中有了东西，我就不会忘记它。 注意：该问题给出的信息不正确-顺序（如某些评论和答案中所述）为右上左下。（嘿，明白我的意思吗？-dland）

85 css  mnemonics 

我有一个div： <div class="test" id="someElement" style="position: absolute"></div> 有什么方法可以检查某些元素： $("#someElement") 具有特定的类（在我的情况下为“测试”）。 或者，是否有方法检查en元素是否具有某种样式？在此示例中，我想知道元素是否具有“ position: absolute”。 非常感谢你！

85 javascript  jquery  css