HTML5视频标记支持哪些编解码器?
它会因浏览器而异,还是会支持特定编解码器的规范?
我有一个CSS元素,它周围有一个边框,里面可能有一个或多个框,所以整个div的宽度会根据它内部有多少个框而改变.但是,我希望整个div都集中在屏幕上.
通常,为了集中注意力,我只使用:
margin-left: auto;
margin-right: auto;
Run Code Online (Sandbox Code Playgroud)
但是,这一次,我必须浮动元素或使其成为内联块,因此div的大小将调整为内容大小,如果我这样做,则margin-left和margin-right auto不起作用,它始终只停留在屏幕的左侧.
目前我有:
#boxContainer {
display:inline-block;
clear:both;
border:thick dotted #060;
margin: 0px auto 10px auto;
}
Run Code Online (Sandbox Code Playgroud)
我也试过float: left而不是display: inline-block.
有没有人知道一个好的方法,既可以将div集中在一起又可以同时调整内容大小?任何帮助将不胜感激.
我可以在IE6/7/8/9/FF3.6 +和Chrome中创建CSS渐变(见下文).
我的问题是:
如何在Opera中创建渐变?
.gradient{
/*Mozilla Firefox 3.6*/
background-image: -moz-linear-gradient(top, #dcdcdc, #c6c6c6);
/*Webkit aka Google Chrome*/
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c6c6c6),color-stop(1, #dcdcdc));
/*Internet Explorer 6,7 and 8*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#c6c6c6');
/*Internet Explorer 8 only*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#c6c6c6')";
/* Opera */
/* ??? */
}
Run Code Online (Sandbox Code Playgroud) 除了JavaScript和VBScript之外,您看到了多少客户端脚本语言实现?我爱:type="text/C++Script",text/CSharpScript,text/oberonScript等.
如果我的浏览器支持这些语言,我该如何学习?
有没有办法在元素中有多行<option>?
像这样:
-------------------------
| Normal <option> element |
-------------------------
| <option> element broken |
| onto two lines |
-------------------------
| Normal <option> element |
-------------------------
Run Code Online (Sandbox Code Playgroud)
有没有HTML/CSS方法,还是我应该使用JavaScript?
我在iPhone上看到有一种名为Apple Color Emoji的truetype字体.它包含iPhone上存在的表情符号,可用于任何应用程序.
我想知道:
我正在处理一个可能需要几秒钟才能提交的HTML表单.我想在提交后禁用表单中的某些字段.
我可以在表单submit事件的处理程序中执行此操作,但这会在表单提交之前触发.如果我禁用了控件,那么它们的值不会包含在发送到服务器的后期数据中.
我尝试在我的处理程序中取消提交事件,submit从表单中删除我的事件处理程序,通过JavaScript自己提交表单,然后禁用控件,但问题是我需要知道用户点击了哪个按钮提交表格.此信息以原始格式提交,但显然不在我手动触发的信息中(因为没有点击按钮).
我可以尝试将此信息复制到我的手动表单提交中,但是有一种方法可以在表单提交后运行我的禁用代码吗?
过去,当检测设备是否支持JavaScript中的触摸事件时,我们可以执行以下操作:
var touch_capable = ('ontouchstart' in document.documentElement);
Run Code Online (Sandbox Code Playgroud)
但是,true即使底层设备不支持触摸事件,Google Chrome(17.x.x +)也会返回上述检查.例如,在Windows 7上运行上面的代码返回true,因此如果我们将它与以下内容结合起来:
var start_evt = (touch_capable) ? 'ontouchstart' : 'onmousedown';
Run Code Online (Sandbox Code Playgroud)
在Google Chrome上,由于我们绑定了该事件,因此该事件永远不会被触发ontouchstart.简而言之,有没有人知道绕过这个的可靠方法?我目前正在运行以下检查:
var touch_capable = ('ontouchstart' in document.documentElement && navigator.userAgent.toLowerCase().indexOf('chrome') == -1)
Run Code Online (Sandbox Code Playgroud)
这远非理想......
在我合作的项目中,我发现了很多这样的规则:
* + html {
/.../
}
Run Code Online (Sandbox Code Playgroud)
我知道什么*和+做什么,但我不明白什么是具有这种结构的意义呢?
我也发现了这个:
* html {
/.../
}
Run Code Online (Sandbox Code Playgroud)
我找不到任何适用这些地方的地方.
AFAIK html每页都是唯一的,那么为什么不简单地使用html选择器呢?这有点神奇吗?
getCSSCanvasContext()方法是什么?我在Chrome的debuging控制台中看到了它,但我找不到任何体面的文档.
这是否意味着我们可以在任何元素上使用canvas命令绘制?