Tag: CSS

使canvas和父母一样宽广

我想做一个矩形的canvas来模拟进度条,但似乎当我设置canvas的宽度和高度为100%,它并不真正使其高和宽父母 请看下面的例子 http://jsfiddle.net/PQS3A/ 甚至有可能做非平方的canvas? 我不想硬编码canvas的高度和宽度,因为在更大或更小的屏幕中查看时,它应该dynamic变化,包括移动设备

我怎样才能防止身体的滚动条,并在twitter引导modal dialog加载时转移?

当我打开twitter bootstrap模式对话框时,背景会产生一个滚动条并移动内容。 为了避免滚动条我使用这个CSS: .modal { overflow: hidden; } 但我无法避免这种转变。 问候,马可 我正在使用Bootstrap版本3

在响应式网站上进行媒体查询的常见断点

所以我正在开发我的第一个响应式网站,这个网站广泛使用了媒体查询。 我想知道是否有一些我应该优化的常见页面宽度。 我可能会有一个最大宽度(不stream畅)我想我可能有3-5个设置宽度与他们之间有趣的小CSS3转换(类似于CSS技巧如何工作)。 目前我使用的数字有些随意: @media all and (max-width: 599px){…} @media all and (min-width: 600px) and (max-width:799px){…} @media all and (min-width: 800px) and (max-width:1024px){…} @media all and (min-width: 700px) and (max-width: 1024px){…} @media all and (min-width: 1025px) and (max-width: 1399px){…} @media all and (min-width: 1400px){…} 另外,我想我已经读过一些移动设备不像预期的那样(使用@media )。 这起到了什么作用,我应该如何处理这些情况呢?

在HTML中是否有透明的颜色代码?

我正在build立一个新的网站,我正在寻找一个透明的导航栏,所以背景是可见的。

溢出:隐藏; 在使用IFRAME的Chrome上无法使用?

我有一个溢出隐藏在CSS和HTML的IFRAME。 它适用于Firefox,但不适用于Chrome / Safari 为什么是这样?

JQuery风格的显示值

我怎样才能检查一个元素的显示值 <tr id="pDetails" style="display:none"> $("tr[id='pDetails']").attr("style")给我'display:none' 我想写一个jquery脚本,将返回我只显示的值是'无' 那可能吗?

什么是“高”右人字形的HTML unicode字符?

我正在寻找一个unicode右边的V形字符,左边没有任何句柄,我希望顶点和底点分开很远。 与search框中的Ubuntu(网站)箭头类似。 我不想要&raquo; (»)或者&rarr; (→)或简单地> 。 第一个问题是有两个V形,而不是一个。 另一个太小,有一个句柄。 第三个顶点太尖锐了。 我看过几乎所有的Unicode图表,如果没有,那么我只需要使用一个图像(如Ubuntu)。 我会处理它,但这是最后的手段。 任何帮助将非常感激!

如何修复Firefox和Chrome中不一致的Textarea底部边距?

我正试图消除FF和Chrome似乎给Textareas带来的额外底部空白。 令人惊讶的IE似乎做对了。 我想避免使用条件包括,但CSS3的调整是确定的。 示例代码 .red-box { background-color: red; overflow: hidden; } textarea { border: solid 1px #ddd; margin: 0px; /* Has no effect */ } <div class="red-box"> <textarea>No Margin Please!</textarea> </div>

HTML-Tooltip相对于鼠标指针的位置

如何alignment工具提示的自然风格:鼠标指针的右下angular? ~~~一些更多的文字可以提交。 ~~~一些更多的文字可以提交。 ~~~一些更多的文字可以提交。 ~~~ <!DOCTYPE html> <html> <head> <title>Tooltip with Image</title> <meta charset="UTF-8"> <style type="text/css"> .tooltip { text-decoration:none; position:relative; } .tooltip span { display:none; } .tooltip span img { float:left; } .tooltip:hover span { display:block; position:absolute; overflow:hidden; } </style> </head> <body> <a class="tooltip" href="http://www.google.com/"> Google <span> <img alt="" src="http://www.google.comhttp://img.dovov.comsrpr/logo4w.png"> </span> </a> </body> </html>

下拉select图像

我想创build一个下拉select,其中有图像,而不是文本作为选项。 我做了一些谷歌search,并在这里search堆栈溢出,通常给出的答案是使用jQuerycombobox 。 这个解决scheme的问题在我看来,就是你必须提供文本。 它看起来像图像只是伴随左边的文字的图标。 纠正我,如果我错了,但这个解决scheme不会包括我想要做的 – 这是完全用图像replace文字。 一些我想要做的背景 – 我试图创build一个下拉列表,供用户select在线绘画/涂鸦应用的线条粗细。 图像将是不同厚度的线,类似mspaint。