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（网站）箭头类似。 我不想要» （»）或者→ （→）或简单地> 。 第一个问题是有两个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。
