Questions tagged «css»

这是我要完成的工作： 我需要一个按钮，该按钮与div的右侧保持一定距离，并且无论视口的大小如何，该按钮始终与div的侧面保持相同的距离，但是会随窗口滚动。 因此，始终是div右侧的x像素，而始终是视口顶部的y像素。 这可能吗？

77 css  position 

我有2个div和一个dl： <div id="wrap"> <div id="header"> <dl id="site_nav_global_primary"> 这是我的风格： #wrap { margin:0 auto; width:100%; min-width:760px; max-width:1003px; overflow:hidden; } #header { width:100%; position:relative; float:left; padding-top:18px; margin-bottom:29px; } #site_nav_global_primary { float:right; margin-right:18px; margin-bottom:11px; margin-left:18px; } 现在，我想更改site_nav_global_primary使其具有全屏宽度，而无需更改换行和标题。但是当我尝试： #site_nav_global_primary { position: absolute; width:100%; top:0px; left:0px; } 导航获得包装器的100％，最大宽度为1003px。我希望它可以扩展到最大而不更改wrap和header div。 这可能吗？

77 html  css 

我必须动态创建一个表，该表具有在运行时确定的可变列数。 有人可以告诉我是否有可能有一个具有相等大小的列的html表被完全拉伸吗？

77 html  css 

我有一个问题，我将一个图像设置为当鼠标悬停时显示另一个图像，但是第一个图像仍然出现，新的图像不会更改高度和宽度，而会与另一个图像重叠。我对HTML / CSS还是很陌生，所以我可能错过了一些简单的东西。这是代码： <img src="LibraryTransparent.png" id="Library"> #Library { height: 70px; width: 120px; } #Library:hover { background-image: url('LibraryHoverTrans.png'); height: 70px; width: 120px; }

77 html  css  image  hover 

ul使用CSS重置后，我的-list出现了一些问题。 当中的文字li很长且折断到第二行时，文字从项目符号下方开始。我希望它以与项目符号右侧文本相同的边距/填充开头。 有点难以解释，但是如果您查看示例图像。左图是今天的列表。子弹头下面是“ motta varsel [...]”，但我希望它看起来在右边。 如何使用CSS做到这一点？我认为我忽略了一些非常简单的事情，但是我不知道是什么。Google搜索也没有返回任何有用的信息。

77 html  css 

使用Stack Overflow进行CSS叠加：？？？？？？ 好吧，用纯​​CSS画一个圆很容易。 .circle { width: 100px; height: 100px; border-radius: 100px; border: 3px solid black; background-color: green; } 我该如何画图？给定X度[0-360]，我想绘制一个X度扇形。我可以使用纯CSS做到这一点吗？ 例如： 谢谢+示例 谢谢乔纳森，我用了第一种方法。如果对某人有帮助，这里有一个JQuery函数示例，该函数获取百分比并绘制一个扇区。扇形位于百分比圆的后面，此示例显示了如何从起始角度开始围绕圆的圆弧。 显示代码段 $(function drawSector() { var activeBorder = $("#activeBorder"); var prec = activeBorder.children().children().text(); if (prec > 100) prec = 100; var deg = prec * 3.6; if (deg <= …

77 css  css-shapes 

如何在鼠标悬停时使字体大小变大？随着时间的推移，颜色过渡效果很好，但是由于某种原因，字体大小会立即切换。 样例代码： body p { font-size: 12px; color: #0F9; transition:font-size 12s; -moz-transition:font-size 12s; /* Firefox 4 */ -webkit-transition:font-size 12s; /* Safari and Chrome */ -o-transition:font-size 12s; transition:color 12s; -moz-transition:color 12s; /* Firefox 4 */ -webkit-transition:color 12s; /* Safari and Chrome */ -o-transition:color 12s; } p:hover { font-size: 40px; color:#FC0; }

77 html  css  css-transitions 

所以我有一个文本输入，我在chrome上使用html5，我想更改文本输入的外观，我删除了焦点上的轮廓（在chrome上为橙色），将背景设置为浅色，#f1f1f1但是现在在顶部和左侧都有一个较粗的边框，就像是要向内推，如果背景颜色没有变化，则不会发生这种情况。如何删除？抱歉，我无法在移动设备上提供图片。 它发生在chrome上，即Firefox无法测试其他任何产品。

77 html  css  input 

我正在尝试将两个divs位置交换为响应式设计（该网站的外观根据浏览器的宽度/适用于移动设备而有所不同）。 现在我有这样的事情： <div id="first_div"></div> <div id="second_div"></div> 但是是否有可能second_div仅使用CSS来交换其放置位置，使其看起来像是第一个？HTML保持不变。我已经尝试过使用浮点数和其他东西，但是它似乎并没有达到我想要的方式。我不想使用绝对定位，因为divs的高度总是在变化。有什么解决办法，还是没有办法做到这一点？

77 css  responsive-design 

如何将CSS中的title ='mandatory'添加到以下内容 <label class='mandatory'>Name</label> .mandatory { background-image:url(/media/img/required.gif); background-position:top right; background-repeat:no-repeat; padding-right:10px; font-weight:bold; }

77 html  css 

我使用Google Chrome开发人员工具，并且不断地来回检查一个元素，以找出可能导致特定样式问题的原因。 比较元素1和元素2在样式上的差异会很好。 目前可以使用chrome或通过某些解决方法来完成此操作吗？有没有可以做我想要的工具？ 当前样式差异的示例是，我在的H4旁边有一个内联，A其中的A行在垂直对齐方向上显示较高。我不会在这个问题上寻求解决方案，因为我会对其进行梳理。

77 css  google-chrome  google-chrome-extension  styles  google-chrome-devtools 

我text-decoration: line-through在CSS中使用了，但似乎没有任何办法来改变线条粗细，而不会出现乱码<hr>或图像叠加。 是否有任何优雅的方法来指定直通线的厚度？

77 html  css  strikethrough 

我正在尝试删除textarea右下角存在的a中的点。 这是我的意思的示例（来自Chrome）： 如何删除那些对角线？

77 html  css  textarea 

如何将flexbox的第一个孩子设置为全角，而其他所有孩子都设置为flex:1（用于分割空间）？ 像这样：

77 css  flexbox 

如何在我的WordPress插件中包含CSS和jQuery？

77 javascript  jquery  css  wordpress