Questions tagged «css»

我已经隔离了IE7 z-index错误的一个小测试用例，但是不知道如何解决它。我z-index整天都在玩。 z-indexIE7有什么问题？ 测试CSS： input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color: #f00; list-style-type: none; margin: 0; padding-left: 0; z-index: 1000; } li { color: #fff; list-style-type: none; padding-left: 0; margin-left: 0; } span.envelope { position: relative; …

163 css  internet-explorer-7  z-index 

我在某处读过该<img>元素的行为类似于两者。如果正确，可以有人举例说明吗？

163 html  css  image 

使用jQuery，我想禁用主体的滚动： 我的想法是： 组 body{ overflow: hidden;} 捕获当前 scrollTop();/scrollLeft() 绑定到主体滚动事件，将scrollTop / scrollLeft设置为捕获的值。 有没有更好的办法？ 更新： 请在http://jsbin.com/ikuma4/2/edit上查看我的示例及其原因 我知道有人会想“为什么他不只是position: fixed在面板上使用？”。 请不要提出这个建议，因为我还有其他原因。

163 jquery  css  scroll 

我正在尝试使用jQuery触发一个上传框（浏览按钮）。 我现在尝试的方法是： $('#fileinput').trigger('click'); 但这似乎不起作用。请帮忙。谢谢。

163 javascript  jquery  css 

我想在我的网站上使用Google的Roboto字体，并且正在关注此教程： http://www.maketecheasier.com/use-google-roboto-font-everywhere/2012/03/15 我已经下载了具有如下文件夹结构的文件： 现在我有三个问题： 我的media/css/main.css网址中包含CSS 。所以我需要把文件夹放在哪里？ 我是否需要从所有子文件夹中提取所有eot，svg等文件并放入fonts文件夹中？ 我是否需要创建CSS文件fonts.css并将其包含在基本模板文件中？ 他使用的例子 @font-face { font-family: 'Roboto'; src: url('Roboto-ThinItalic-webfont.eot'); src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic-webfont.woff') format('woff'), url('Roboto-ThinItalic-webfont.ttf') format('truetype'), url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). font-weight: 200; font-style: italic; } 如果我想使用类似dir的结构，我的网址应该是什么样的： /media/fonts/roboto

163 html  css  fonts 

自10.7（Mac OS X Lion）起，WebKit / Blink（Safari / Chrome）在MacOS上的默认行为是在不使用触控板用户时隐藏滚动条。这可能会造成混淆；滚动条通常是元素可滚动的唯一视觉提示。 例子（jsfiddle） 的HTML <div class="frame"> Foo<br /> Bar<br /> Baz<br /> Help I'm trapped in an HTML factory! </div> 的CSS .frame { overflow-y: auto; border: 1px solid black; height: 3em; width: 10em; line-height: 1em; }​ WebKit（Chrome）截图 Presto（Opera）屏幕截图 如何强制滚动条始终显示在WebKit的可滚动元素上？

162 css  macos  webkit  scrollbar  blink 

我已经看过这个问题并在Google上搜索了一下，但到目前为止没有任何效果。我认为现在是2010年（这些问题/答案很旧，还没有答案），我们有了CSS3！有什么方法可以使用CSS使div填充整个表格单元格的宽度和高度吗？ 我不知道单元格的宽度和/或高度会提前多少，并且将div的宽度和高度设置为100％无效。 另外，我需要div的原因是因为我需要将某些元素绝对定位在单元格之外，并且position: relative不适用于tds，因此需要包装div。

162 css 

我有一个页面，其中仅存在表单，并且我希望将表单放置在屏幕的中央。 <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> </div> 该justify-content-center对齐表格水平，但我无法弄清楚如何垂直对齐。我已经尝试使用align-items-center和align-self-center，但是它不起作用。 我想念什么？ 演示

162 css  twitter-bootstrap  bootstrap-4  centering 

看起来，苹果的叠加层不仅是透明的。关于如何使用CSS和JS实现此效果的任何想法？

161 javascript  css  user-interface  blur 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 5年前关闭。 改善这个问题 我最近发现，Flexbox当我在寻找一种解决方案来使divs相同，取决​​于最高的解决方案。 我已经阅读了CSS-tricks.com上的以下页面，它使我确信这flexbox是一个非常强大的学习和使用模块。但是，这也让我想到了Twitter Bootstrap（和类似框架）为其网格系统提供某种相同功能（当然还有很多额外功能）的事实。 现在，问题是：优缺点是flexbox什么？Flexbox不能提供与Bootstrap这样的框架可以做到的某些功能（当然，纯粹是在谈论网格系统）吗？在网站上实施时哪个更快？ 我猜想仅用于网格系统会更聪明flexbox，但是如果您已经在使用框架，flexbox可以添加一些内容吗？ 是否有任何理由选择flexbox框架的“网格系统”？

161 html  css  twitter-bootstrap  flexbox 

我正在寻找一个CSS选择器，该选择器使我可以选择列表的最后一个子元素。 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> 静态方法： ul li:nth-child(5) 动态方法： ul li:last-child(-1) 哪一个当然不能验证，nth-last-child似乎也没有提供动态方式。

161 css  css-selectors 

一个棘手的CSS选择器问题，甚至不知道是否可能。 可以说这是HTML布局： <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> 我想选择div显示的最后一个（即不是display:none），div在给定示例中将是第三个。请注意，div实际页面上的s 数量可能会有所不同（甚至是个数display:none）。

161 html  css  css-selectors 

我创建了以下内容... var menu = document.createElement('select'); 我现在将如何设置CSS属性，例如width: 100px？

161 javascript  css 

我需要它的代码表示形式，例如#FFFFFF。

161 html  css 

想象一下以下布局，其中的点表示框之间的空间： [Left box]......[Center box]......[Right box] 当我删除右框时，我希望中心框仍位于中心，如下所示： [Left box]......[Center box]................. 如果我要删除左框，也是如此。 ................[Center box]................. 现在，当中心框中的内容变长时，它将在保持居中状态的同时占用所需的可用空间。左右框永远不会缩小，因此，当没有空间的地方overflow:hidden，text-overflow: ellipsis它将有效地破坏内容； [Left box][Center boxxxxxxxxxxxxx][Right box] 以上是我的理想情况，但我不知道如何实现此效果。因为当我创建如下的flex结构时： .parent { display : flex; // flex box justify-content : space-between; // horizontal alignment align-content : center; // vertical alignment } 如果左右框的大小完全相同，我将获得所需的效果。但是，如果两者之一的大小不同，则居中框不再真正居中。 有没有人可以帮助我？ 更新资料 一个justify-self会很好，这将是理想的： .leftBox { justify-self : flex-start; } …

161 html  css  flexbox  centering