程序设计 css

7

我继承了一个我正在研究的项目，并且正在更新一些jquery动画（jquery的很少实践）。我有一个div，我需要从中添加和删除样式属性。这是div： <div id='voltaic_holder'> 在动画的某一时刻，我需要为其添加样式： <div id='voltaic_holder' style='position:absolute;top:-75px'> 我四处搜寻并找到了该.removeAttr()方法，但看不到如何添加它，甚至看不到它的远程部分（例如top：-75px）。谢谢，

103 jquery css dhtml

10

样式=“位置：绝对”和样式=“位置：相对”之间的区别

任何一个可以告诉我之间的差异style = "position:absolute"和style = "position:relative" 以及它们如何在不同的情况下，我把它添加到div/ span/ input元素？我现在正在使用absolute，但是我也想探索relative。这将如何改变定位？

103 css css-position

16

进行多项选择以调整其高度以适合没有滚动条的选项

显然这不起作用： select[multiple]{ height: 100%; } 它使所选内容具有100％的页面高度... auto 也不起作用，我仍然得到垂直滚动条。还有其他想法吗？

103 html css html-select

13

如何使用CSS隐藏<select>菜单中的<option>？

我已经意识到Chrome似乎不允许我隐藏<option>在中<select>。Firefox将会。我需要隐藏<option>与搜索条件匹配的。在Chrome网络工具中，我可以看到display: none;我的JavaScript 正确设置了它们，但是一旦<select>单击菜单，它们就会显示出来。 <option>单击菜单时，如何显示不符合搜索条件的这些？谢谢！

103 javascript jquery css dom

4

jQuery按数据属性值查找元素

我有如下几个元素： <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> 如何向data-slide属性值为0（零）的元素添加类？我尝试了许多不同的解决方案，但没有任何效果。一个例子： $('.slide-link').find('[data-slide="0"]').addClass('active'); 任何想法？

103 jquery html css custom-data-attribute

4

找不到“不相等”的CSS属性选择器

我想定位属性“ foo”具有值的div元素。 <div foo="x">XXX</div> <div foo="">YYY</div> 我已经尝试过此CSS，但是它不起作用： [foo!=''] { background: red; }

103 css

7

如何将绝对定位的元素与中心对齐？

我试图将两个画布堆叠在一起，使其成为双层画布。我在这里看到了一个例子： <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> </div> 但是我想将两个画布都设置在屏幕中心。如果我将的值设置left为常数，则当我更改屏幕的方向时（因为我在iPad上做aps），画布将不会像它在屏幕中的行为那样保留在屏幕中间。 <div align="center"> 有人可以帮忙吗？

103 css html5-canvas

7

CSS中是否存在`pointer-events：hoverOnly`或类似的东西？

刚刚在玩pointer-eventsCSS中的属性。我div想让所有鼠标事件都不可见，除了:hover。因此，所有单击命令都将div转到其下一个，但div可以报告鼠标是否在其上方。谁能告诉我是否可以做到？ HTML： <div class="layer" style="z-index:20; pointer-events:none;">Top layer</div> <div class="layer" style="z-index:10;">Bottom layer</div> CSS： .layer { position:absolute; top:0px; left:0px; height:400px; width:400px; }

103 html css pointer-events

8

如何通过jquery / javascript在<head>中添加任何内容？

我正在使用CMS，它禁止编辑<head>元素的HTML源。例如，我想在<title>标签上方添加以下内容： <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

102 javascript jquery css xhtml

10

如何拉伸背景图像以填充div

我想将背景图像设置为不同的div，但是我的问题是：图片尺寸为固定值（60px）。改变div的大小如何拉伸背景图像以填充整个div背景？ #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } 在此处检查代码。

102 css html background background-image

11

如何仅将特定CSS规则应用于Chrome？

有没有一种方法可以将以下CSS div仅应用于Google Chrome中的特定CSS ？ position:relative; top:-2px;

102 css google-chrome css-hack

10

如何使用CSS制作花式箭头？

好的，所以每个人都知道您可以使用此三角形： #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } 然后产生一个实心的三角形。但是，您将如何像这样制作一个空心箭头状的三角形？

102 html css css-shapes

6

如何像堆栈溢出一样显示弹出消息

我想添加一个弹出消息，如未登录且尝试使用投票按钮时出现在Stack Overflow上的消息。实现此目标的最佳方法是什么？使用jQuery库完成吗？

102 javascript jquery html css

7

无红宝石的Sass或Compass？

没有Ruby，有没有办法使用Sass或Compass或类似的东西？我一直在谷歌和这个网站周围，找不到任何东西，任何帮助，将不胜感激。谢谢

102 css sass compass-sass

10

您可以在不使用表格的情况下进行HTML布局吗？

好的，我在一两个星期前遇到了一个简单的布局问题。即页面的各个部分需要一个标题： +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ 很简单的东西。在网络世界中，表仇恨似乎已经接管了一切，当我问为什么对HTML表单而不是表使用定义列表（DL，DD，DT）标签时，让我想起了这一点。现在，前面已经讨论了表vs divs / CSS的一般主题，例如： DIV与表 ; 和用表代替DIV。因此，这并不是要对CSS与布局表进行一般性讨论。这只是解决一个问题的方法。我使用CSS尝试了上述各种解决方案，包括：向右浮动按钮或包含按钮的div；按钮的相对位置；和相对位置+绝对位置。这些解决方案均因不同原因而不能令人满意。例如，相对位置导致z-index问题，其中我的下拉菜单出现在内容下方。所以我最后回到了： <style type="text/css"> .group-header { background-color: yellow; width: 100%; } .group-header td { padding: 8px; } .group-title { text-align: left; font-weight: bold; } .group-buttons { text-align: right; } </style> …

102 html css layout

Questions tagged «css»