zoukankan      html  css  js  c++  java
  • ie11浏览器和chrome浏览器对于bgsound和background的一些区别

    今天在编写一个非常简单的网页的时候,按照书上写的,使用了一个jpg图片作为背景图片,用background属性放在<body>标签内,同时使用<bgsound>标签插入背景音乐。代码如下:

     1 <html>
     2 <head>
     3     <title>QQ空间开场音乐</title>
     4 </head>
     5 <body background="123.jpg">
     6     <bgsound src="1.mp3" loop="true">
     7     <center>
     8             <embed src="4.swf"></embed>
     9     </center>
    10 
    11 </body>
    12 </html>

    然后放到浏览器中检查。但是我发现在IE11浏览器中,背景音乐可以播放,但是背景图片无法显示,而在chrome中,背景图片可以显示,却没有背景音乐。接下来我搜索一下,发现是因为Google chrome不支持<bgsound>,解决方案是换用<embed>标签。如下<embed src="1.mp3" autostart="true" loop="true" hidden="true">。但是chrome对这个标签的支持也不好,无法识别循环播放的指令。但是这样也凑合,否则如果真的要实现还需要用HTML5的<audio>标签。鉴于IE浏览器受系统版本的限制,并不是所有用户都升级到了win8.1或win10,所以可能他们的浏览器不能很好支持HTML5。

    下一个问题就是ie浏览器显示不了我的背景图片的问题了。搜索了好久也没什么结果,后来我想试试是不是“不能用相对路径,只能用绝对路径”的原因。于是我在IE浏览器中打开那个JPG图片。顿时我就明白了,JPG图片无法在IE11中被读取,在IE11中它是一个不能读取的东西。于是我在源码中把图片更改为拓展名是png的图片,再一试果然成功了。

    以上表明:

    1、google chrome不支持bgsound标签,但支持JPG格式的图片显示

    2、IE11浏览器不支持JPG格式的图片显示,但支持bgsound标签。

    鉴于国内不少用户使用IE浏览器,所以以后要注意尽量按照IE浏览器的格式来编写网页。

  • 相关阅读:
    linux中grep用法(“或”、“与”)
    mac 常用开发软件列表
    Devops实战(四)Rancher的部署与安装详解
    Devops实战(三)Kubenets与minikube的安装以及使用实战
    intel 无线网卡 AC8260 周期性跳ping(高延迟)解决方案
    确定了,回归吧,19,20就当换了换环境,该努力了。
    win10下用Linux搭建python&nodejs开发环境
    pict总结
    移动无线常用测试工具
    游戏测试工具
  • 原文地址:https://www.cnblogs.com/yychnbt/p/4966416.html
Copyright © 2011-2022 走看看