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标签内的标签?