H5补充
input标签
<input type="submit">
<!--指定占位符,用户输入后会消失-->
<!--autofocus 自动获取焦点-->
<!--<input type="text" placeholder="请输入文字" autofocus><br>-->
<!--选择文件, multiple选择多个文件-->
<input type="file" multiple><br>
<input type="text" accesskey="s"><br>
<!--无法提交空字段.强制用户输入-->
<!--<input type="text" required>-->
<!--自动记录用户输入记录.1.必须要提交 2.必须要有name属性-->
<input type="text" autocomplete="" name="title">
<!--embed 一般用于音视频的分享-->
embed标签
- 一般用于网站视频或音频的分享
- 企业开发中,推荐所有的字体名称都编写英文的名称.否则当网页编码和网页文件的编码不同时,如果用中文名称,会导致乱码
浮动兼容问题
- 在IE6中,如果浮动的父元素的宽度是由子元素撑起来的,那么在IE6中父元素的浮动就会失效
- 解决方案: 让子元素也浮动
CSS Hack
- CSS 层叠性,后面设置的属性会覆盖前面设置的属性
- 什么是CSS Hack?
针对IE的不同版本设置不同的CSS属性, 我们就称之为CSS Hack.可以让我们编写的CSS代码, 只在我们指定的IE版本浏览器下有效
- 注意点:在使用CSS Hack的时候, 一定要将CSS Hack的代码写到标准代码的后面
//\9 作用, 就是让该属性在IE10及以下的浏览器都有效
background: green\9;
//* 作用, 就是让该属性在IE7及以下的浏览器都有效
*background: blue;
//_ 作用, 就是让该属性在IE6及以下的浏览器都有效
_background: deepskyblue;
input兼容问题
- 在IE6浏览器下, 如果给input设置背景, 那么背景会随着iNput中的内容被填满而移出input
- 解决方案:给background设置背景关联的fixed属性即可
input{
background: url("images/icon.png") no-repeat fixed;
}
PNG-24兼容问题
- 无论通过img标签设置,还是通过background设置,透明的图片,在IE6浏览器下都不透明
- 解决方案:
- 利用第三方的JS框架来解决
- 第三方的js框架无法解决body的背景在IE6下不透明的问题, 所以可以使用如下方式来解决
<!--fix当中, 要解决谁的透明问题, 就填写谁-->
<script src="js/DD_belatedPNG_0.0.8a.js"></script>
<script>
DD_belatedPNG.fix("img");
</script>
_background-image:none;
_filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images.png", sizingMethod="crop");
<!--1.一定要给body设置宽度和高度, 在企业开发中,一般我们都会给body设置宽度和高度为100%
2.src=""要修改为我们需要设置的图片地址-->
