Questions tagged «css»

CSS(层叠样式表)是一种表示样式表语言,用于描述HTML(超文本标记语言),XML(可扩展标记语言)文档和SVG元素的外观和格式,包括(但不限于)颜色,布局,字体,和动画。它还描述了如何在屏幕,纸张,语音或其他媒体上呈现元素。

10
编辑CSS“下划线”属性的线宽
由于您可以在CSS中加下划线,如下所示: H4 {text-decoration: underline;} 然后,您又如何编辑绘制的“线”,您轻松地将在线上获得的颜色指定为“颜色:红色”,但是如何编辑线的高度(即粗细)呢?
117 html  css 

5
Z索引不适用于绝对位置
我打开控制台(chrome \ firefox)并运行以下行: $("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />"); $("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>"); #popupContent应该高于一切,但受#popupFrame不透明度的影响。 内容未包含在#popupFrame中,这使它变得很奇怪。 目标是创建类似Firefox的警报框
117 html  css 


16
两行文字溢出省略号
我知道您可以使用CSS规则组合来在溢出时(不超出父级的范围)使文本以省略号(...)结尾。 是否有可能(随意说,不)达到相同的效果,但让文本换行超过一行? 这是一个演示。 div { width: 300px; height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 如您所见,当文本的宽度大于div的宽度时,文本以省略号结尾。但是,仍然有足够的空间使文本换行并继续。这会被中断white-space: nowrap,以使省略号起作用。 有任何想法吗? PS:没有JS解决方案,如果可能的话,使用纯CSS。
117 html  css 

11
在执行$ .ajax时显示加载图像
我只是想知道如何显示指示异步请求正在运行的图像。我使用以下代码执行异步请求: $.ajax({ url: uri, cache: false, success: function(html){ $('.info').append(html); } }); 有任何想法吗?
116 javascript  jquery  css 


6
是否有CSS不等于选择器?
CSS中是否有类似!=(不相等)的内容?例如,我有以下代码: input { ... ... } 但是对于某些输入,我需要使此无效。我想通过在输入标签中添加“重置”类来做到这一点,例如 <input class="reset" ... /> 然后只需从CSS跳过此标签即可。 我该怎么做? 我能看到的唯一方法是在输入标签中添加一些类,然后按如下所示重写CSS: input.mod { ... ... }
116 html  css  css-selectors 


16
如何在浏览器中禁用CSS以进行测试
有什么方法可以禁用浏览器(Firefox,Chrome等)中的所有外部CSS? 当使用较慢的Internet连接时,有时浏览器仅加载裸HTML而没有CSS信息。该页面似乎已被原始放置在屏幕上。您也会通过StackOverflow注意到这一点。 我想确保即使没有加载CSS文件,我的网页也能正常显示。 我并不是说我想将外部CSS转换为内联。但是我想要一种从浏览器中显式禁用所有CSS的方法,以便可以更好,更易读的方式重新放置元素。 我知道可以删除<link rel ='stylesheet'>条目,但是如果我有很多链接页面怎么办?
116 html  css  browser 


20
CSS:在img:hover上更改图片src
我需要更改上的<img>源URL hover。 我已经尝试过了,但是不起作用: 的HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> 的CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle 任何帮助,将不胜感激。 更新: 这仅适用于Webkit / Google Chrome。
116 html  css 

7
我可以将:nth-​​child()或:nth-​​of-type()与任意选择器结合使用吗?
有没有办法选择匹配(或不匹配)任意选择器的第n个孩子?例如,我要选择每个奇数表行,但要在行的子集内: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> <td>Row <tr class="row"> <td>Row <tr class="row"> <!-- And this --> <td>Row </table> 但是,无论它们是否属于“ row”类,:nth-child()似乎似乎都在计算所有tr元素,因此我最终得到了一个偶数 “ row”元素,而不是我要寻找的两个元素。发生同样的事情:nth-of-type()。 有人可以解释为什么吗?
116 css  css-selectors 


4
使用:before CSS伪元素将图像添加到模态
我有一个Modal绝对定位的CSS类,在其父对象上方经过z索引,并且与JQuery定位良好。我想在模式框的顶部添加一个插入符图像(^),并且正在考虑使用:beforeCSS伪选择器来做到这一点。 图像需要绝对定位并在模态上方进行z索引,但是我还没有找到将适当的类添加到content属性中的图像的任何方法: .Modal:before{ content:url('blackCarrot.png') /* with class ModalCarrot ??*/ } .ModalCarrot{ position:absolute; left:50%; margin-left:-8px; top:-16px; } 第二好的选择-我可以在content属性中内联添加样式吗?


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.