H5补充

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标签

1. 一般用于网站视频或音频的分享
2. 企业开发中,推荐所有的字体名称都编写英文的名称.否则当网页编码和网页文件的编码不同时,如果用中文名称,会导致乱码

浮动兼容问题

1. 在IE6中,如果浮动的父元素的宽度是由子元素撑起来的,那么在IE6中父元素的浮动就会失效
2. 解决方案: 让子元素也浮动

CSS Hack

1. CSS 层叠性,后面设置的属性会覆盖前面设置的属性
2. 什么是CSS Hack?

针对IE的不同版本设置不同的CSS属性, 我们就称之为CSS Hack.可以让我们编写的CSS代码, 只在我们指定的IE版本浏览器下有效

3. 注意点:在使用CSS Hack的时候, 一定要将CSS Hack的代码写到标准代码的后面

//\9 作用, 就是让该属性在IE10及以下的浏览器都有效
background: green\9;

//*  作用, 就是让该属性在IE7及以下的浏览器都有效
*background: blue;

//_  作用, 就是让该属性在IE6及以下的浏览器都有效
_background: deepskyblue;

input兼容问题

1. 在IE6浏览器下, 如果给input设置背景, 那么背景会随着iNput中的内容被填满而移出input
2. 解决方案:给background设置背景关联的fixed属性即可

input{
    background: url("images/icon.png") no-repeat fixed;
        }

PNG-24兼容问题

1. 无论通过img标签设置,还是通过background设置,透明的图片,在IE6浏览器下都不透明
2. 解决方案:
   1. 利用第三方的JS框架来解决
   2. 第三方的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=""要修改为我们需要设置的图片地址-->