前端网站开发遇到的问题汇总

前端网站开发遇到的问题汇总
1、让容器内文字不管是单行还是多行始终垂直居中

解决:css无法直接控制,用js实现

2、IE上超链接使用绝对定位后失效

解决办法:
(1)使用position:relative而不是position:absolute;
(2)添加背景色;
(3)添加透明的背景图片,gif或png,但会增加无意义的http请求;
(4)使用background:url(about:blank),最佳方案。

3、IE6/7/8/9不支持placeholder的两种解决办法

(1)使用input的value作为显示文本

(2)不使用value,添加一个额外的标签(span)到body里然后绝对定位覆盖到input上面

或者,也可以用这种方式:

4、IE9以下浏览器不支持background-size属性

三种解决方法:

(1)使用滤镜,但是不能指定任意大小background百分比,要用绝对路径的图片;

(2)引入htc文档,可指定百分比,相对路径

(3)将图片大小变化成实用大小。

5、关于移动端字体问题

各个手机系统有自己的默认字体,且都不支持微软雅黑
如无特殊需求,手机端无需定义中文字体,使用系统默认
英文字体和数字字体可使用 Helvetica ,三种系统都支持
代码:

/* 移动端定义字体的代码 */
body{font-family:Helvetica;}

6、ie7下,a下的span手型指针消失的问题

这是ie7的一个bug,二种解决办法:
(1)a标签里面文字链接不要用span包裹,用em或其他标签;
(2)给a标签多加一个样式:cursor: pointer;

7、IE7下不支持对block元素的inline-block

对元素设置 _zoom:1; *display:inline;即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,817评论 1 92
  • 第一部分HTML&CSS整理答案1.什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HTML5...
    Programmer客栈阅读 2,041评论 0 12
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,584评论 1 19
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,201评论 2 19
  • 自从有了微信,真的方便了大家。没事晒晒美食,没事聊聊感情。你晒你的房,我晒我的车。你写你的人生,我写我的爱情...
    东江之子阅读 291评论 0 1