Tag: CSS

做一个链接有100％的宽度

我有一个Xpx宽的盒子。 在它里面我有一个列表（ <ul> ）和链接元素（ <li><a ..></a><li> ） 我如何使用CSS使链接可点击文本之外和框的100％宽度。 D.使每一行可点击：D

很难解决和奇怪的css3不透明度过渡问题（…必须是一个错误？）

我绝对把我所有的头发都拿出来，带着这个非常令人沮丧和奇怪的css问题。 我正在使用骨头样板制作一个网站，它一直很棒，直到现在… 它使用stream体网格系统，我最近试图创build一个简单的画廊，我已经成为一个网格（4个图像，每个包装在一个四分之一的列，第一/最后一个类添加到第一个/最后一个图像）。 如果将鼠标hover在图像上（出于某种原因，前三种情况尤其明显），您会注意到由于某种疯狂的原因，它们将宽度改变了一个或两个像素。 图像设置为最大宽度：100％，我有一种感觉，这是某种程度上的罪魁祸首，因为如果你给图像一个“固定的”宽度（例如.gallery-icon img {max-width：165px;}，它解决了这个问题，但作为一个stream动的网格系统，我不能沿着这条路线走，因为如果调整浏览器的大小，图像保持165px，即使我根据媒体设置了4种不同的宽度，在媒体大小之间，图像将不能正确alignment。 如果它不是过渡效果问题（如果我把过渡closures，图像较低的不透明度罚款，但没有animation），它会工作，因为我想它的工作:( 请帮助家伙！ 这是一个空的演示网站，骨头样板运行，只是在页面上的画廊。 让我知道如果你看到摇晃的问题。 （我不能在jsfiddle上重新创build它，所以我把它安装在一个旧的域名上， 编辑：我刚才注意到，这个问题似乎发生在宽度和高度都比div大的图像。 图像1 + 3是这个，他们有错误，而图像2,4似乎是好的？ 和图像2 + 4有一个比div更小的高度…..但即使我将图像设置为最大高度，问题仍然存在。 编辑2：添加了一个快速的video来显示问题（最新的Firefox和Chrome） http://www.youtube.com/watch?v=uL81hLfMvvw

检查，如果元素是一个div

如何检查$(this)是div还是blockquote ？ 例如： if ($(this) is a div) { alert('its a div!'); } else { alert('its not a div! some other stuff'); }

可能使jqGrid伸展到100％？

是否有可能使一个jqGrid的宽度设置为100％？ 我知道列的宽度必须是一个绝对的像素大小，但我还没有find任何设置的实际网格的宽度相对大小。 例如，我想将宽度设置为100％。 而不是100％，似乎使用450px的奇数大小。 在页面上有更多的水平空间，但是与列的宽度等，这将使容器（只有网格）水平滚动。 有没有办法解决这个问题？

一个元素可以同时拥有一个id和一个类？

相当不言自明。

CSS分页符不适用于所有浏览器

我很难让大多数浏览器都能正常工作，除了IE浏览器（它甚至可以在IE6中正常工作）和Opera。 Firefox正确分隔div，但只打印第一页。 Chrome和Safari仅将分页符应用于最后一个div。 我怎样才能正确地在所有的浏览器上工作？ HTML： <div id="leftNav"> <ul> <!–links etc–> </ul> </div> <div id="mainBody"> <div id="container"> <div class="pageBreak"> <!–content–> </div> <div class="pageBreak"> <!–content–> </div> <div class="pageBreak"> <!–content–> </div> </div> </div> ID为#leftNav和#mainBody的div被设置为float:left ，所以它们很好地显示。 我只想打印.pageBreak类，用CSS隐藏#leftNav和#leftNav的其余部分。 CSS： @media print { #leftNav { display:none; } #mainBody { border:none; margin:none; padding:none; } }

摆脱内嵌块图像下方的空间

我怎样才能摆脱图像的底部和包装之间的空间，同时保持图像内联块？ 为什么发生这种情况？ http://jsfiddle.net/dJVxb/2/ HTML： <div id="wrapper"> <img src="https://twimg0-a.akamaihd.net/profile_images/1735360254/icon_reasonably_small.jpg" > </div> CSS： ​#wrapper { background:green; } img { display:inline-block; margin:0; }

CSSfilter：使透明度为白色的彩色图像

我有一个透明的彩色PNG图像。 我想使用CSSfilter，使整个图像白色，但保持透明度，因为它是。 这是可能的CSS？

<span>和<div>与text-align：center;的区别

我不明白这一点： 我尝试过将HTML <span>标签的文本alignment居中，但是它没有做任何事情……使用<div>标签，一切正常。 与设置margin: 0px auto;相同的坐标margin: 0px auto; 在CSS中。 为什么span标签不支持text-align; function？

增加Bootstrap 2.3的Glyphicons的大小

有没有简单的方法来增加字形的大小？ 我发现了一些像Font Awesome这样的解决scheme，但不想仅仅增加新的CSS库来增加尺寸2的图标。