程序设计 css

5

将滑鼠游标移至类似锚点的样式

如果我将鼠标悬停在鼠标div光标上，它将变为HTML锚点中的光标。我怎样才能做到这一点？我需要Javascript还是仅CSS有可能？

109 javascript css mouse

6

CSS我希望div放在一切之上

如何使html div标签位于所有内容之上？

109 html css

10

CSS图像本身的尺寸调整百分比？

我正在尝试使用自身百分比来调整img的大小。例如，我只想通过将图像尺寸调整为50％将图像缩小一半。但是应用width: 50%;会将图像调整为容器元素（例如，父元素）的50％<body>。问题是，我可以在不使用javascript或服务器端的情况下按一定比例调整图像大小吗？（我没有图像尺寸的直接信息）我很确定您不能这样做，但是我只想看看是否有仅CSS的智能解决方案。谢谢！

109 html css image

16

如何定制有序列表中的数字？

如何将有序列表中的数字左对齐？ 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up 在有序列表中的数字后面更改字符？ 1) an item 还有一种CSS解决方案，可以从数字更改为字母/罗马列表，而不是在ol元素上使用type属性。我对Firefox 3上的答案最感兴趣。

109 html css html-lists roman-numerals

9

删除按钮的边框

我试图创建按钮并插入自己的图像，而不是标准按钮图像。但是，标准按钮的灰色边框仍然保留，显示在我的黑色按钮图像的外部。有谁知道如何从按钮上删除该灰色边框，所以它仅仅是图像本身？谢谢。

109 html css button

11

ScrollIntoView（）导致整个页面移动

我正在使用ScrollIntoView（）将列表中突出显示的项目滚动到视图中。当我向下滚动时，ScrollIntoView（false）可以正常工作。但是，当我向上滚动时，ScrollIntoView（true）会使整个页面略微移动，这是我认为想要的。使用ScrollIntoView（true）时，是否有办法避免整个页面移动？这是我页面的结构- #listOfDivs { position:fixed; top:100px; width: 300px; height: 300px; overflow-y: scroll; } <div="container"> <div="content"> <div id="listOfDivs"> <div id="item1"> </div> <div id="item2"> </div> <div id="itemn"> </div> </div> </div> </div> listOfDivs来自ajax调用。使用移动浏览器。谢谢您的帮助！

109 javascript css

5

定位位置：当前处于“卡滞”状态的粘性元素

位置：sticky现在可在某些移动浏览器上使用，因此您可以使菜单栏随页面滚动，但是每当用户滚动通过时，便会停留在视口顶部。但是，如果您想在当前“粘滞”时稍微改变粘滞菜单栏的样式，该怎么办？例如，您可能希望栏在页面上滚动时始终带有圆角，但是一旦它粘在视口的顶部，您就想摆脱顶部的圆角，并在其下方添加一个小阴影它。是否有任何类型的伪选择器（例如::stuck）针对具有position: sticky 和当前粘附的元素？还是浏览器供应商正在准备中类似的东西？如果没有，我将在哪里提出要求？注意 javascript解决方案对此不利，因为在移动设备上scroll，用户释放手指时通常只会得到一个事件，因此JS无法知道滚动阈值通过的确切时间。

109 css css-selectors css-position

6

Twitter Bootstrap中的树[关闭]

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 6年前关闭。改善这个问题我一直在尝试创建一个树（如目录树），该树使用尽可能多的CSS和尽可能少的JS（仅用于状态等），并且我想知道是否存在一些用于引导的良好现有树插件。或jquery-ui bootstrap。对于参考或对此问题感到困惑的人，我正在寻找类似dynatree的引导程序。

108 javascript jquery twitter-bootstrap css jquery-ui

5

使用CSS的文字边框（文字周围的边框）

有没有办法像下面的图片一样在文本周围集成边框？

108 text css

6

我应该对伪元素使用单冒号还是双冒号？

由于IE7和IE8不支持伪元素（例如::after或::first-letter）的双冒号表示法，并且由于现代浏览器支持:after向后兼容的单冒号（例如），我应仅使用单冒号表示法以及何时使用IE8的市场份额下降到可以忽略的水平，然后回去查找/替换我的代码库？还是我都应该同时包括： .foo:after, .foo::after { /*styles*/ } 如果我关心IE8用户（可怜的朋友），单独使用double似乎很愚蠢。

108 css internet-explorer-8 css-selectors internet-explorer-7 pseudo-element

15

Colspan / Rowspan用于显示设置为表格单元的元素

我有以下代码： <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style> .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .colspan2 { /* What to do here? */ } </style> 非常简单。如何为带有的元素添加colspan（或等价的colspan）display: table-cell？

108 html css

7

CSS中的负边距如何工作，为什么会这样（margin-top：-5！= margin-bottom：5）？

垂直定位元素的常见技巧是使用以下CSS： .item { position:absolute; top:50%; margin-top:-8px; /* half of height */ height: 16px; } 当您在指标视图（如Chrome）中看到以下内容时：但是，当您将鼠标悬停在元素上时，即没有边界显示，即边界在边界“外部”并且可以可视化。但是不会出现负利润。它们的外观如何以及与众不同的原因是什么？为什么margin-top:-8px 不一样 margin-bottom:8px？因此，负边距的工作原理以及其背后的直觉是什么。他们如何“碰撞”（如果有margin-top < 0）一件物品？

108 css margin

7

如何使用CSS将跨度更改为pre？

是否可以更改<span>标签（或<div>）以将其内容预格式化，就像<pre>仅使用CSS 的标签一样？

108 html css

11

如何在表格行上添加边框半径

有谁知道如何根据自己的喜好来设计tr？我在表上使用了border-collapse，在那之后tr可以显示1px的实心边框，我给了它们。但是，当我尝试过时-moz-border-radius，它不起作用。即使简单的保证金也不起作用。

108 css

4

CSS3：未经检查的伪类

我知道有一个官方的CSS3 :checked伪类，但是有一个:unchecked伪类，并且它们具有相同的浏览器支持吗？ Sitepoint的参考文献未提及任何内容，但是此whatwg规范（无论是哪种内容）都做了提及。我知道将:checked和:not()伪类结合使用时可以达到相同的结果，但是我仍然很好奇： input[type="checkbox"]:not(:checked) { /* styles */ } 编辑： w3c推荐相同的技术可以通过使用否定伪类来选择未选中的复选框： :not(:checked)

108 css css-selectors pseudo-class

Questions tagged «css»