Tag: CSS

如何在bootstrap中的容器内创build100％的屏幕宽度div？: 比方说，我有以下标记： <div class="container"> <div class="row"> <div class="col-md-12"> … <div class="full-width-div"> </div> </div> </div> </div> 现在如何使.full-width-div伸展到屏幕的整个宽度？因为目前它在容器内部是有限的。

与背景大小的多个背景: 我正在尝试使用css3的多重背景支持来创build一个覆盖页面的背景; html, body { background: url('https://github.com/jaysalvat/vegas/raw/master/overlays/01.png') repeat, url('http://farm8.staticflickr.com/7260/7502004958_595bf03fbf_z.jpg') top left no-repeat; background-size: cover; } 我想要照片的背景图像“覆盖”的页面和覆盖层是小（3 * 3px）重复的孔页面。上面的例子给了我http://jsfiddle.net/tpmD4/ （覆盖页面的覆盖）。我该如何解决这个问题？当我尝试指定两个图像的background-size: 3px 3px, cover; （ background-size: 3px 3px, cover; ）; 然后图像背景不覆盖，但覆盖的作品。

Phonegap样式-webkit-user-select：无; 禁用文本字段: Phonegap相当新颖。我有一个问题，在一个干净的PhoneGap项目中使用的默认CSS不允许input到文本字段。我把它缩小到一行CSS： * { -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */ -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' […]

如何知道哪个HTML元素是造成垂直滚动条: 我正在学习Bootstrap 。在入门菜单中，只给出了很less的模板。我正在玩这个。一个例子是关于固定页脚。我从前面的例子中使用导航，并希望用固定页脚来调整。但垂直滚动条即将到来。我正在寻找导致垂直滚动条的元素。这里是HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap, from Twitter</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <!– Le styles –> <link href="css/bootstrap.css" rel="stylesheet"> <style type="text/css"> /* Sticky footer styles ————————————————– */ html, body { height: 100%; /* The html and body elements […]

崇高的文本换行select与片段: 我一直在深入Sublime的片段，插件和macros，但我似乎无法find我要找的东西。我试图把这个： .content { color: @blue; } 进入这个： .content { color: darken(@blue, 5%); } 理想情况下，我可以select@blue部分，点击一个命令，并正确地包装整个事情。有任何想法吗？这甚至有可能吗？

如何将一个容器中的多个div集中在CSS中: 我正在testing像Windows地铁的风格的中心分隔线。如果你检查下面的代码： .container { height: 300px; width: 70%; background: #EEE; margin: 10px auto; position: relative; } .block { background: green; height: 100px; width: 100px; float: left; margin: 10px; } <div class="container"> <div class="block">1. name of the company</div> <div class="block">2. name of the company</div> <div class="block">3. name of the company</div> <div class="block">4. name of the company</div> […]

如何使用CSS flexbox设置固定宽度的列: CodePen： http ://codepen.io/anon/pen/RPNpaP。我想要红色框只有25 em宽，当它在并排视图 – 我试图通过设置CSS内部的 @media all and (min-width: 811px) {…} 至 .flexbox .red { width: 25em; } 但是当我这样做时，会发生这种情况： View post on imgur.com 任何想法我做错了什么？非常感谢。

CSS 100％高度布局: 我知道这是一个普遍的问题，我查找了一些解决scheme，但是找不到我正在寻找的东西。我想将其转换为无表格布局。注意：页眉和页脚必须设置为固定的像素高度（50px是可以的）。我遇到的主要问题是，我无法在中间得到那个“大箱子”，performance得和表格一样。有可行的解决scheme，可变长度的内容（文本，图像），但我希望这个盒子看起来像一个盒子 – 有边框，圆angular和所有的行为。

使用CSS模糊Img的＆Div的HTML: 是否可以应用HTML元素（div＆img）模糊？我正在开发专为iPad，所以跨浏览器兼容性不是一个问题，我可以使用HTML5的CSS3技术。我知道如何模糊文字，但这个CSS不会模糊实际的HTML元素或其边框： text-shadow: 0 0 8px #000; color: transparent; 我GOOGLE了这个，但它不会模糊我的浏览器中的图像： filter: blur(strength=50);

如何隔离公共CSS样式的div？: 我有一些代码在这里例如在HTML中 <html> <body> <img src='an image source'/> <h1>Hi it's test</h1> <div id='mydiv'> <img src='an image source'/> <h1>Hi it's test</h1> </div> </body> </html> 如果我使用下面的CSS代码样式： img{ width:100px; height:100px; } h1{ font-size:26px; color:red; } 问题是：我怎样才能防止和隔离从公共标签样式风格的mydiv div标签内的标签？