Questions tagged «css»

在3行布局中： 第一行应根据其内容调整大小 最下面一行的像素高度应固定 中间行应扩大以填充容器 问题在于，随着主要内容的扩展，它压缩了页眉和页脚行： HTML： <section> <header> header: sized to content <br>(but is it really?) </header> <div> main content: fills remaining space<br> x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br> <!-- uncomment to see it break - -> x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br> x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br> x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br> x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br> <!-- --> </div> <footer> footer: fixed height in px </footer> </section> CSS： section { …

194 css  layout  flexbox 

我一直在使用CSS3转换来旋转网站中带有边框的图像和文本框。 问题在于，Chrome中的边框看起来像锯齿状，就像没有抗锯齿功能的（低分辨率）游戏一样。在IE，Opera和FF中，它看起来好多了，因为使用了AA（仍然清晰可见，但还不算太糟）。我没有Mac，因此无法测试Safari。 旋转后的照片和文字本身看起来很好，只有边框看起来参差不齐。 我使用的CSS是这样的： .rotate2deg { transform: rotate(2deg); -ms-transform: rotate(2deg); /* IE 9 */ -webkit-transform: rotate(2deg); /* Safari and Chrome */ -o-transform: rotate(2deg); /* Opera */ -moz-transform: rotate(2deg); /* Firefox */ } 有什么办法可以解决此问题，例如，强制Chrome使用AA？ 下面的例子：

193 google-chrome  css  transform  antialiasing 

我有一长串（DNA序列）。它不包含任何空格字符。 例如： ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTCGATGTAGCTAGTAGCATGTAGTGA 什么是CSS选择器来强制将此文本用a html:textarea或a xul:textbox换行？

193 html  css  string  xul  word-wrap 

我有以下CSS： box-shadow: inset 0px 0px 2px #a00; 现在，我尝试提取该颜色以使页面颜色“可滑动”。有什么办法吗？只需删除颜色，然后再次使用相同的键，稍后将覆盖原始规则。 似乎没有一个box-shadow-color，至少Google 并未提出任何建议。

193 css  box-shadow 

我讨厌它们，它违背了CSS的层叠特性，如果您不小心使用它们，最终会陷入添加更多的循环!important。 但是我想知道它们是否对性能不利？ 编辑 从（快速）回复我可以断定它不会对性能产生（显著）的影响。但是，很高兴知道，即使这只是劝阻他人的额外理由；）。 编辑2 BoltClock指出，如果有2条!important声明，则规范说它将选择最具体的一条。

192 css  performance 

我正在使用Bootstrap 3设计页面。我正在尝试placement: right在输入元素上使用弹出框。新的Bootstrap可确保您在使用form-control时基本上具有全角输入元素。 HTML代码如下所示： <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My popover content." /> </div> </div> 我认为popover的宽度太低，因为它们在div中没有​​剩余的任何宽度。我想在左侧输入表单，在右侧显示宽弹出窗口。 通常，我正在寻找无需覆盖Bootstrap的解决方案。 附加的JsFiddle。第二个输入选项。jsfiddle并没有使用太多，所以不知道，但是尝试增加输出框的大小以查看结果，在较小的屏幕上甚至看不到它。 http://jsfiddle.net/Rqx8T/

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

我有一条通用规则，该规则为所有DIV提供背景图像。 我有一个div（id ='a'），但我不希望它具有背景图像。 我必须给它什么CSS规则？

192 html  css 

我想知道是否有必要使用<link rel="stylesheet" type="text/css" href=...>完<link rel="stylesheet" href=...>。将rel="stylesheet"信息标记为样式表-因此text/css就我而言，实际上并没有添加任何东西。 HTML唯一使用的样式表格式还是CSS，因此text/css对浏览器“说”什么？有些网站似乎添加了type="text/css"属性（http://www.jquery.com/），而其他网站则没有（http://www.youtube.com/）。 那么，什么是使用type="text/css"的<link rel="stylesheet">元素，是有必要包括它？

192 html  css  stylesheet 

如果HTML具有这样的元素： id="product42" id="product43" ... 如何匹配所有以“ product”开头的ID？ 我已经看到了完全使用javascript做到这一点的答案，但是如何仅使用CSS来做到这一点？

192 html  css  css-selectors 

我正在尝试在HTML中的div标签周围定义边框。在某些浏览器中，不会显示边框。 这是我的HTML代码： <div id="divActivites" name="divActivites" style="border:thin"> <textarea id="inActivities" name="inActivities" style="border:solid"> </textarea> </div> 运行代码段隐藏结果展开摘要 如何为HTML div标签设置边框？

192 html  css  border 

我没有使用CSS3。所以我不能使用opacity或filter属性。不使用这些属性，如何使background-colora透明div？它应该是此链接中的文本框示例。这里的文本框背景色是透明的。我想做同样的事情，但是不使用上面提到的属性。

191 css  html  background-color  transparent 

故事是这样的：我正在使用SWFObject将Flash对象插入页面。嵌入吞噬了我的生命span。因此，我为此失去了所有CSS。我当时正在考虑将所有CSS移到父级，这样当Flash出现时我就不会丢失CSS样式。 我尝试span在内使用span，但我认为它不起作用。是否有一个原因？我不明白为什么您可以div在一个内，div但不能在一个span内span。 是否与spans内联有关？

191 html  css 

IE9显然可以通过使用CSS3标准定义来处理圆角border-radius。 支持边界半径和背景渐变怎么样？是的，IE9分别支持它们，但是如果将两者混合使用，则渐变会从圆角流出。 我还看到阴影在圆角框下面显示为实心黑线的奇怪现象。 这是IE9中显示的图像： 我该如何解决此问题？

191 internet-explorer-9  gradient  compass-sass  css 

（这是一个多部分的问题，我将尽力总结一下该场景。） 我们目前正在构建一个响应式Web应用程序（新闻阅读器），允许用户在选项卡式内容之间滑动，以及在每个选项卡式内容内垂直滚动。 解决该问题的常用方法是使用一个包装器div来填充浏览器视口，将其设置overflow为hidden或auto，然后在其中进行水平和/或垂直滚动​​。 这种方法很棒，但有一个主要缺点：由于文档的高度与浏览器的视口完全相同，因此移动浏览器不会隐藏地址栏/导航菜单。 有许多hack和视口属性可以使我们获得更多的屏幕空间，但效果却不如minimal-uiiOS 7.1中引入的效果。 昨天有消息称，iOS 8 beta4已从minimal-uiMobile Safari中删除（请参阅iOS 8发行说明中的 Webkit部分），这使我们感到奇怪： Q1。是否仍然可以在Mobile Safari中隐藏地址栏？ 据我们所知，iOS 7 不再对这种window.scrollTo入侵做出响应，这表明我们必须使用较小的屏幕空间，除非我们采用垂直布局或使用mobile-web-app-capable。 Q2。是否仍有可能获得类似的软全屏体验？ 通过软全屏，我的意思是不使用mobile-web-app-capablemeta标签。 我们的网络应用程序构建为易于访问，可以使用本机浏览器菜单将任何页面添加为书签或共享。通过添加，mobile-web-app-capable我们防止用户调用这样的菜单（当菜单保存到主屏幕时），这会使用户感到困惑和反感。 minimal-ui过去是中间地带，默认情况下隐藏菜单，但可通过轻按使其保持可访问状态 -尽管Apple可能由于其他可访问性问题（例如用户不知道在何处激活菜单）而将其删除。 Q3。全屏体验值得麻烦吗？ 似乎全屏API不会很快进入iOS，但是即使这样，我也看不到菜单如何保持可访问性（Android上的Chrome也是一样）。 在这种情况下，也许我们应该只保留移动浏览器，并考虑视口高度（对于iPhone 5+，它是460 = 568-108，其中108包括OS栏，地址栏和导航菜单；对于iPhone 4或更老的是372）。 很想听听其他选择（除了构建本机应用程序之外）。

191 javascript  ios  css  responsive-design  mobile-safari 

元素是否触发了任何事件来检查css3转换是否已开始或结束？

190 javascript  events  css  transition  css-transitions