Tag: css3

变暗的CSS背景图像？: 应该是一个相当简单的问题。在我的网站，我这样做： #landing-wrapper { display:table; width:100%; background:url('landingpagepic.jpg'); background-position:center top; height:350px; } 我想要做的是使背景图像较暗。因为我在这个DIV里面有UI元素，所以我不认为我真的可以把另一个div放在它上面来使它变暗。 build议？

优化触摸设备的网站: 在像iPhone / iPad / Android这样的触控设备上，用手指点击小button可能很困难。没有跨浏览器的方式来检测我所知道的CSS媒体查询的触摸设备。所以我检查浏览器是否支持JavaScript的触摸事件。到目前为止，其他浏览器还不支持它们，但最新的Google Chrome on dev channel 启用了触摸事件（即使是非触摸设备）。我怀疑其他浏览器制造商将会跟随，因为带有触摸屏的笔记本电脑正在来临。更新：这是一个Chrome中的错误，所以现在JavaScript检测再次工作。这是我使用的testing： function isTouchDevice() { return "ontouchstart" in window; } 问题是，这只会testing浏览器是否支持触摸事件，而不是设备。有谁知道给予触摸设备更好的用户体验的正确的方式吗？除了嗅探用户代理。 Mozilla有一个针对触摸设备的媒体查询。但是在其他任何浏览器中我都没有看到类似的东西： https ： //developer.mozilla.org/En/CSS/Media_queries#-moz-touch-enabled 更新：我想避免使用移动/触摸设备的单独的页面/网站。该解决scheme必须使用对象检测或类似的JavaScript来检测触摸设备，或者包含自定义触摸CSS，而无需用户代理嗅探！我问的主要原因是为了确保在联系css3工作组之前，今天是不可能的。所以请不要回答，如果你不能按照问题的要求;）

萨斯负variables值？: 我有几个scssselect器，我使用相同数量的正面和负面，如下所示： padding: 0 15px 15px; margin: 0 -15px 20px -15px; 我宁愿使用一个variables的所有15px的金额，但这是行不通的： $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; 保证金金额转换为正数。我错过了什么吗？

删除IE10select元素箭头: 所以，在Mozilla和WebKit中，我使用appearance: none;replaceselect框上的箭头appearance: none; 并有一个父元素。在IE中，大部分我禁用了这个function。对于IE10我实际上禁用它，因为我的条件注释实际上不工作。这是我的标记： <!–[if lt IE 7 ]> <html class="ie6"> <![endif]–> <!–[if IE 7 ]> <html class="ie7"> <![endif]–> <!–[if IE 8 ]> <html class="ie8"> <![endif]–> <!–[if IE 9 ]> <html class="ie9"> <![endif]–> <!–[if (gt IE 9)]> <html class="ie10plus"> <![endif]–> <!–[if !(IE)]><!–> <html> <!–<![endif]–> ie10plus类ie10plus并没有达到标记。我也觉得有可能有一个合法的方式来取代IE中的箭头。我并不反对真正解决这个问题。 appearance: none; 然而不起作用。那么我能在这里做什么？

为什么translateY（-50％）需要居中顶部的元素：50％？: 我可以看到这段代码在父元素中垂直alignment一个div： .element { position: relative; top: 50%; transform: translateY(-50%); } 问题是为什么？我首先想到的是，父元素不仅仅包含视口。我使我的父视口高度等于100vh和宽度100% 。这没有用。我仍然需要翻译或负边距抵消。为什么当父元素设置为margin: 0;时需要负偏移量margin: 0; ？这是因为我没有考虑到计算的保证金吗？

Visual Studio 2010中的CSS 3.0: 我想为Visual Studio 2010使用Validation（CSS 3.0）而不是CSS 2.1。我已经通过SO进行了扫描，发现有一条评论说3.0没有最终确定，所以2008年不可用，但是不确定是否这样适用于2010年。我只是不使用CSS 3？

我可以有多个：在同一个元素的伪元素之前？: 是否有可能有多个:before相同元素的伪造:before ？ .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } 我正在尝试将上述样式应用于使用jQuery的相同元素，但只应用最新的样式，从来都没有。

删除twitter引导行中的行: 我正在使用twitter引导一些Web应用程序，我不得不这样做（我不是一个Web开发人员），我找不到一种方法来禁用行的表。从Bootstrap文档可以看到，默认的表格样式包含行行。问候，

如何给边界使用CSS的任何元素，而不添加边框宽度的元素的整个宽度？: 如何给边界使用CSS的任何元素，而不添加边框宽度的元素的整个宽度？像在Photoshop中，我们可以给中风 – 内部，中心和外部我认为默认的CSS边框属性是中心在Photoshop中，我是对的？我想给框内的边界不在外面。并且不希望在框宽中包含边框宽度。

CSS3相当于jQuery slideUp和slideDown？: 我的应用程序使用jQuery的slideDown和slideUpperformance不佳。我正在寻求在支持它的浏览器中使用CSS3等价物。是否有可能，使用CSS3转换，从display: none;更改元素display: none; display: block; 当滑动项目下来或上升？