Questions tagged «css»

我在覆盖一些插件CSS时遇到问题。直接编辑CSS并不是真正的选择，因为这会使更新插件的风险更大。 问题：元素具有绝对定位，并且在原始元素中具有top：0px。我想用bottom：0px覆盖它。 为了举例 .element {position:absolute; top:0;} /* in another file */ .my .element {bottom:0;} 在Firefox上可以正常使用（底部样式为0），但Safari / chrome似乎并没有超越顶部：0。 我可以解决此问题，但是提出一个干净的解决方案将是很好的。

82 css  webkit  css-position 

这是为了菜单。 例如，我有一个div元素，其中包含3个跨度，所有这些都具有一定的边距，最大宽度和浮点数（左或右）。 它从左侧开始定位，如下所示： [[span1][span2][span3] - lots of free space here]. 我想要使​​它均匀，如下所示： [[span1] - space - [span2] - space - [span3]] 如何使用CSS做到这一点？我有点怀疑这是不可能的。 请注意，当我添加或删除菜单项时，我希望它保持相同的样式。 HTML： <div id="menu"> <span class="menuitem"></span> <span class="menuitem"></span> <span class="menuitem"></span> </div> CSS： #menu { ... width:800px; } .menuitem { display:block; float:left; margin-left:25px; position:relative; min-height:35px; max-width:125px; padding-bottom:10px; text-align:center; }

82 css 

请注意！ 此合并请求合并后，Bootstrap图标又回来了。 在过去的几周内反复进行此操作之后，我决定将Glyphicons图标字体恢复为主仓库。考虑到UI中普遍使用的图标，对于大多数人来说，不将它们（或其他一些图标字体）与CSS和JS包含在同一位置可能是不利的。 此更新附带以下内容： 恢复文档（在“组件”页面上） 新变量，@icon-font-path以及@icon-font-name，可灵活添加和删除图标字体 升级到最新的Glyphicons（添加40个新图标） 从CSS页面中删除旧的Glyphicons提及 将来，我们将致力于改进图标字体的自定义设置，以便更轻松地交换字体库（这是原始删除字体的全部动机）。 新版Twitter Bootstrap Glyphicons的CDN网址是哪个？ 他们从Bootstrap 3中移到了一个单独的存储库中，但是我没有找到任何CDN。 从官方文档中： 随着Bootstrap 3的发布，图标已被移至单独的存储库。这样可以使主要项目保持精简，使人们更容易交换图标库，并使Glyphicons图标字体更容易为Bootstrap之外的更多人使用。 在官方网站上他们没有提供图标的CDN网址。 在哪里可以找到它？我不想下载存储库并将其包含到我的项目中。

82 html  css  twitter-bootstrap  cdn  twitter-bootstrap-3 

我有一个DIV，contentEditable=true因此用户可以对其进行编辑。问题在于它看起来不像文本字段，因此用户可能不清楚它是否可以编辑。 有没有一种方法可以设置样式，DIV以使其在用户看来像文本输入字段？

82 html  css 

有序列表的默认低字母列表类型使用点“。”。有没有办法像a）... b）那样使用右括号？

82 html  css 

twitter引导程序代码具有许多CSS属性，!default最后带有一个。 例如 p { color: white !default; } 怎么!default办？ 更新 我不好说不清楚。我正在使用Bootstrap的SASS部分。

82 css  twitter-bootstrap  sass 

我在HTML5文档上有一个iframe。验证时，我收到一条错误消息，告诉我上的属性iframe frameBorder已过时，请改用CSS。 我在frameBorder="0"这里具有此属性，因为这是我能弄清楚如何摆脱IE中边界的唯一方法，我border:none;在CSS中尝试了运气不好。是否有兼容的方法来解决此问题？ 谢谢。

82 css  internet-explorer  html 

我一直在尝试寻找mouseover在Chrome中进行模拟的代码，但是即使触发了“ mouseover”侦听器，也从未设置CSS“ hover”声明！ 我也尝试过： //Called within mouseover listener theElement.classList.add("hover"); 但是似乎没有什么可以将元素更改为其hover声明中声明的内容。 这可能吗？

82 javascript  jquery  css 

如标题中所述，是否可以vw仅在CSS中计算没有滚动条的？ 例如，我的屏幕宽度为1920px。vw回报1920px，很好。但我的实际身体宽度只有像1903px。 有没有办法让我1903px仅使用css检索值（不仅适用于的直接子项body），还是为此我绝对需要JavaScript吗？

82 css  viewport-units 

如何在Firefox和Opera中缩放HTML元素？ 该zoom属性可以在IE，Google Chrome和Safari中使用，但不能在Firefox和Opera中使用。 有什么方法可以将此属性添加到Firefox和Opera？

82 css  firefox  cross-browser  zoom  opera 

我对css3 transition属性的渲染速度有疑问。 假设我有许多要素： div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} 使用一个声明将所有这些元素的所有转换作为目标更有效div, span, a {transition: all}。但是我的问题是：以动画渲染的平滑度和快速度为目标，将每个元素的特定过渡属性作为目标是否会“更快”？例如： div {margin: 2px; transition: margin .2s ease-in} span {opacity: .5; transition: opacity .2s ease-in} a {background-position: left …

82 performance  css  css-transitions 

我想知道如何忽略父样式并使用默认样式（无）。我将以我的具体案例为例，但是我很确定这是一个普遍的问题。 <style> #elementId select { height:1em; } </style> <div id="elementId"> <select name="funTimes" style="" size="5"> <option value="test1">fish</option> <option value="test2">eat</option> <option value="test3">cows</option> </select> </div> 我不想解决此问题的方法： 我无法编辑设置了“ #elementId select”的样式表，因此我的模块无法访问该样式表。 最好不要使用style属性覆盖高度样式。 例如使用firebug，我可以关闭父样式，一切都很好，这就是我想要的效果。 设置样式后，可以将其禁用还是必须将其覆盖？

82 css 

我知道position: absolute会从流中弹出一个元素，并且它停止与其邻居交互。 还有什么其他方法可以实现这一目标？

82 css 

当我将servlet转发到JSP时，我在加载CSS和图像以及创建指向其他页面的链接时遇到了麻烦。具体而言，当我把我的<welcome-file>给index.jsp的CSS被加载并正在显示我的图片。但是，如果我把我的<welcome-file>给HomeServlet其控制推进到index.jsp，CSS中没有被应用，并且不显示我的图片。 我的CSS文件在中web/styles/default.css。 我的图像在web/images/。 我像这样链接到我的CSS： <link href="styles/default.css" rel="stylesheet" type="text/css" /> 我正在显示我的图像，如下所示： <img src="images/image1.png" alt="Image1" /> 这个问题是怎么引起的，我该如何解决？ 更新1：我添加了应用程序的结构以及其他可能有用的信息。 该header.jsp文件是包含CSS链接标记的文件。该HomeServlet设置为我welcome-file在web.xml： <welcome-file-list> <welcome-file>HomeServlet</welcome-file> </welcome-file-list> Servlet声明和映射如下web.xml： <servlet> <servlet-name>HomeServlet</servlet-name> <servlet-class>com.brianblog.frontend.HomeServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>HomeServlet</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> 更新2：我终于找到了问题-我的servlet映射不正确。显然，在将Servlet设置为您的Servlet时，<welcome-file>它不能具有的URL模式/，我觉得这很奇怪，因为那不代表网站的根目录吗？ 新的映射如下： <servlet-mapping> <servlet-name>HomeServlet</servlet-name> <url-pattern>/HomeServlet</url-pattern> </servlet-mapping>

82 css  image  jsp  servlets 

在textarea标签下有一些额外的空间。在不同的浏览器中为1到4像素。标记非常简单： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> body { margin: 0; padding: 0; } .main { background-color: red; } textarea { background-color: gray; resize: none; margin: 0; border: 0 none; padding: 10px; height: 50px; overflow: hidden; } </style> </head> <body> <div class="main"> <textarea></textarea> </div> </body> …

82 html  css  cross-browser  whitespace  removing-whitespace