Tag: css3

Bootstrap 3 – inputxs（小于sm）: 我浪费了很多时间寻找一种方法来使我自己的xs大小（小于小）的input和input组，所以这里的代码！ 2014/11/14更新 Peter Butkovic将bug /请求上传到bootstrap github： https://github.com/twbs/bootstrap/issues/15107 以下是他们的回应：我们不会将它添加到v3中，而且我认为即使在v4中我们也不会有xsbutton，但是如果我们select保留它，我会牢记在心。

为什么必须用Calc（）方法中的空格来包围+或 – ？: 最近我已经开始在CSS中使用calc（…）方法。我很快就知道，如： width: calc(100%-2)这样的代码将不起作用，但在-操作符之前和之后加上空格将会解决问题，并且calc方法将正常工作。在做了一些研究之后，我发现多个博客文章都提到需要使用空格，许多博客文章甚至指出了规范（ CSS3 8.1.1 ），其中规定：另外，在+和 – 操作符的两边都需要空格。（*和/操作员可以使用没有空白周围。）很明显，规范告诉我们这些操作员必须用白色空间包装，但为什么？我已经在规范中进一步阅读（通过第8.1.2-4节），如果在这些额外的部分解释，我不理解推理。简而言之，有人可以解释为什么calc(100% – 1)甚至calc(100%/2)是可接受的语法，而不是calc(100%-1) ？

如何中和盒阴影？: 目前我正在使用这个 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; 但在屏幕的具体大小，我不希望盒子阴影。我如何覆盖来禁用阴影？

我可以使用CSS按比例调整div的高度吗？: 我可以在CSS中设置任何variables，就像我希望我的div高度始终是宽度的一半我div的尺寸与div的屏幕大小宽度百分比 <div class="ss"></div> CSS： .ss { width:30%; height: half of the width; } 这30％的宽度与屏幕分辨率成比例

CSS“和”select器 – 我可以select具有多个类的元素吗？: 我试图select所有具有.checked和.featured标签的元素。所以基本上，我要找的是一个“和”select器; 我不知道有没有。有这样的情况下有任何解决方法吗？

在背景图片上使用css渐变: 我一直试图在我的背景图像上使用线性渐变，以便在背景的底部从黑色变为透明但是看起来无法使其显示。我已经阅读了其他案例和例子，但没有一个为我工作。我只能看到渐变或图像，但不能同时看到。这是链接只要点击第一个标志，忽略那个效果，我想要的是在整个网站的身体之后。这是我的CSS代码： body { background: url('http://www.skrenta.comhttp://img.dovov.comstackoverflow.jpg') no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 1))); }

使列在固定位置固定: 使用Bootstrap，我有一个网格列class =“col-lg-3”，我想把它放在位置：固定，而其他.col-lg-9是正常的位置（可通过页面滚动）。 <div class="row"> <div class="col-lg-3"> Fixed content </div> <div class="col-lg-9"> Normal scrollable content </div> </div> 就像在LifeHacker.com左栏一样你会看到，左侧的部分是固定的，但我滚动页面。我使用bootstrap v3.1.1

只有一个方向的css3框阴影？: 我有一个插入框阴影的元素，但是我只需要顶部的阴影。有没有办法只设置顶部的影子？我是否必须诉诸创造额外的元素来覆盖侧面阴影？

如何使用CSS3透明png中的外部对象？: 我正在开发一个项目，在这个项目中，我需要在超过500张图片上进行修改，以提高hover效果的余辉。我将需要修改每个图像给外面的辉光。这将是一个非常耗时的任务。这是一个图像的例子。所有的图像是透明的.png 是否有可能使用CSS3的任何技巧来给这个瓶子图像的外部效果？这只是一个图像的一个例子，其他图像的大小和形状是不同的。

移动浏览器中的CSS3 100vh不恒定: 我有一个非常奇怪的问题…在每一个浏览器和手机版本，我遇到了这种行为：当你开始滚动页面时，所有的浏览器都有一个顶部菜单，当你加载页面（例如显示地址栏）时，它会向上滑动。 100vh仅在视口的可见部分计算，所以当浏览器栏向上滑动100vh时（以像素为单位）所有的布局重新绘制和重新调整，因为尺寸已经改变用户体验不好的跳跃效果怎么能避免这个问题？当我第一次听到视口高度，我很兴奋，我想我可以使用它的固定高度块istead使用JavaScript，但现在我认为唯一的方法来做到这一点实际上是一些resize事件的JavaScript … 您可以在示例站点查看问题任何人都可以帮我/build议一个CSS解决scheme？简单的testing代码： /* maybe i can track the issue whe it occours… */ $(function(){ var resized = -1; $(window).resize(function(){ $('#currenth').val( $('.vhbox').eq(1).height() ); if (++resized) $('#currenth').css('background:#00c'); }) .resize(); }) *{ margin:0; padding:0; } /* this is the box which sould keep constant the height… min-height to allow […]