Tag: CSS

用css滚动时，将导航条粘到顶部: 我试图让我的导航栏与页面一起移动，但如果用户向下滚动，则坚持顶部。任何人都可以提供任何例子或如何？非常感激。（我用任何其他语言都毫无希望）。我尝试使用CSS粘，但它没有工作。 <div class="headercss"> <div class="headerlogo"></div> <div class="nav"> <ul> <li><a href="#home"> <br>BLINK</a></li> <li><a href="#news"><br>ADVERTISING WITH BLINK</a></li> <li><a href="#contact"><br>EDUCATING WITH BLINK</a></li> <li><a href="#about"><br>ABOUT US</a></li> </ul> </div> </div> /* www..com Blinx Service Created by Pierre Chedraoui (c) Copyright 2015 */ /* BODY */ body { margin: 0px; background-color: #000000; height: 2000px; } /* 1. […]

我可以做的CSS：伪元素追加元素之外的内容？: 我想使用HTML格式化一个面包屑path的链接» 相邻链接之间的实体，所以它看起来像这样：首页 » 关于我们 » 历史 »此页面我已经添加了一个规则到我的CSS： nav#breadcrumb-trail a:after { content: " » "; } 但是这是添加实体内部的链接，而不是在外面 – 即我得到这个：首页» 关于我们» 历史»此页面我误解了CSS的行为:after伪元素之后？文档似乎暗示它将指定的内容添加到指定元素之后，而不是将其预先添加到元素容器的内部。有任何想法吗？

CSS外部边界: 我希望能够在我的部门之外画一个边框！所以如果我的div是20px乘20px，我想要一个1px的边框以外（所以本质上，我得到一个div 22x22px大）。我明白，我可以开始使用div 22×22，但出于我的原因，我需要边界在外面。 CSS大纲的作品，但我只想要边框底部或边框顶部thingy，所以像大纲底部，这是行不通的，是我想要的东西。有没有办法做到这一点？谢谢

在Twitter Bootstrap中导航: 我希望能够将导航中心locking在页面中间，并使其保持以不同的分辨率为中心。我不想使用偏移量来推动它或保留余量，因为这只是将其拧在不同的浏览器宽度。这是我正在搞的一个典型的酒吧，但是UL总是左alignment。 <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <div class="nav-collapse"> <ul class="nav"> <li class="active"><a href="#">Menu</a></li> <li><a href="#">On Tap</a></li> <li><a href="#">Shows</a></li> <li><a href="#">Surfwear</a></li> <li><a href="#" >Contact</a></li> </ul> </div><!–/.nav-collapse –> </div><!– container –> </div><!– navbar-inner –> </div><!– navbar navbar-fixed-top –>

在CSS中“*”是什么意思？: 我一直在寻找诸如Facebook和Youtube等许多网站的CSS文件。几乎所有的人都看到这样的代码： * { margin: 0; padding: 0; } 奇怪的是，在chrome web开发者工具中移除该块不会影响页面的布局。这个代码是什么意思，什么时候使用，为什么？

CSS3animation和显示无: 我有一个CSS 3animation的div在一段时间后滑入。我想要的是几个div来填充幻灯片的空间，然后将这些元素推到页面上。当我第一次尝试这个幻灯片仍然占用空间，即使不可见时。如果我更改div display:none div不滑入。我如何让div在占用时间之前不会占用空间（使用CSS进行计时）。我正在使用Animate.css作为animation。这是代码的样子： <div id="main-div" class="animated fadeInDownBig"><!– Content –></div> <div id="div1"><!– Content –></div> <div id="div2"><!– Content –></div> <div id="div3"><!– Content –></div> 正如代码所示，我希望主要div被隐藏，其他div首先显示。然后我有以下延迟设置： #main-div{ -moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; -o-animation-delay: 3.5s; animation-delay: 3.5s; } 正是在这一点上，我希望主要股东推动其他股东下来，因为它进来。我该怎么做呢？注：我已经考虑使用jQuery来做到这一点，但我更喜欢严格使用CSS，因为它更平滑，时序控制得更好一些。编辑我曾经尝试过Duopixel提出的build议，但是我误解了，并没有正确地做，或者它不起作用。这里是代码： HTML <div id="main-div" class="animated fadeInDownBig"><!– Content –></div> CSS #main-image{ […]

用于“select”元素上的“向下箭头”的CSS？: 是否有可能风格化下拉select元素上的向下箭头？即（ <select><option>–></option></select> ））我怀疑答案是否定的，因为IE处理特定元素的方式。如果没有办法，有没有人知道一个“假”的下拉框使用javaScript将模仿的行为，但给我的能力来定制？

CSS缩小图像以适应包含div，而不指定原始大小: 我想有一个网站，我可以上传不同大小的图像显示在一个jQuery的滑块。我似乎无法适应（缩小）图像在一个包含div。我打算这样做 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="Imtest.css"/> </head> <body> <div id="wrapper"> <div id="im"><img src="Images/Scarpa2_1.jpg" /></div> </div> </body> </html> 和CSS #wrapper { width: 400px; height: 400px; border: 2px black solid; margin: auto; } #im { max-width: 100%; […]

如何在FF或IE中打印背景图像？: 有什么办法可以设置ff，即打印背景图片吗？我使用星星图像来分类一些技能，我将其设置为背景图像和定位，以设置一个开始，两个，三个等。当我尝试打印页面的图像消失。那么有没有什么办法让它们出现在我打印页面的时候，或者至less有一种方法可以用*或者可见的东西replace图像呢？

在HTML中编号嵌套的有序列表: 我有一个嵌套的有序列表。 <ol> <li>first</li> <li>second <ol> <li>second nested first element</li> <li>second nested secondelement</li> <li>second nested thirdelement</li> </ol> </li> <li>third</li> <li>fourth</li> </ol> 目前，嵌套元素从1开始，例如第一第二第二个嵌套的第一个元素第二个嵌套的第二个元素第二个嵌套的第三个元素第三第四我想要的是第二个元素是这样编号的：第一第二 2.1。第二个嵌套的第一个元素 2.2。第二个嵌套的第二个元素 2.3。第二个嵌套的第三个元素第三第四有没有办法做到这一点？