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

 <html>

 <head>

     <title>QQ空间开场音乐</title>

 </head>

 <body background="123.jpg">

     <bgsound src="1.mp3" loop="true">

     <center>

             <embed src="4.swf"></embed>

     </center>

 </body>

 </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浏览器的格式来编写网页。

ie11浏览器和chrome浏览器对于bgsound和background的一些区别的更多相关文章

  1. 用Python+selenium打开IE浏览器和Chrome浏览器的问题

    这几天在学Python+selenium自动化,对三大浏览器Firefox,Chrome和IE都做了尝试,也都分别下载了对应的webdriver,如:geckodriver.chromedriver. ...

  2. 套壳浏览器与Chrome浏览器之间的差别

    之前QQ浏览器一直是我前端调试工具的主力,因为它是一个套壳浏览器,所以它的兼容模式(谷歌Chrome内核)和极速模式(IE浏览器内核)简直是调试兼容性的神器,可以直接切换,不用再反复打开Chrome和 ...

  3. 支持 IE8 IE11 和 FF, Chrome 浏览器的圆角

    .rounded-corners { position: relative behavior: url(/Styles/PIE.htc); //这里一定是“/”根目录 border-radius: 2 ...

  4. Python+selenium学习（一） 打开Firefox浏览器，IE浏览器和Chrome浏览器

    from selenium import webdriver # open Firefox #driver=webdriver.Firefox() # Open IE #driver=webdrive ...

  5. 搜狗浏览器或者360浏览器安装chrome 浏览器插件

    https://www.cnblogs.com/ingvar/p/6403777.html#undefined

  6. Selenium2学习-006-WebUI自动化实战实例-004-解决 Chrome 浏览器证书提示：--ignore-certificate-errors

    此文主要讲述 Java 运行 Selenium 脚本时,如何消除 Chrome 浏览器启动后显示的证书错误报警提示,附带 Chrome 参数使浏览器最大化的参数. 希望能对初学 Selenium2 W ...

  7. Selenium2学习-005-WebUI自动化实战实例-003-三种浏览器（Chrome、Firefox、IE）启动脚本源代码

    此文主要通过 三种浏览器(Chrome.Firefox.IE)启动脚本 功能,进行 Selenium2 三种浏览器启动方法的实战实例讲解.文中所附源代码于 2015-01-18 20:33 亲测通过, ...

  8. Chrome浏览器扩展开发系列之八：Chrome扩展的数据存储

    Google Chrome浏览器扩展可以使用如下任何一种存储机制: HTML5的localStorage API实现的本地存储(此处略) Google的chrome.storage.* API实现的浏 ...

  9. Chrome浏览器 54 版本显示“Adobe flash player已过期”问题解决

    背景 电脑上面的软件很久没升级,用腾讯电脑管家批量做了一次升级,结果Chrome浏览器升级到54版本flash控件没法用了. 第一时间想到直接到flash官网下载一个新的进行安装,结果官网检测显示,C ...

随机推荐

  1. jquery on 绑定多个事件 多个元素

    $('.wrap').on({ click:function(){ //事件1 ...... }, keyup:function() { //事件2 ....... }, keydown:functi ...

  2. appml的安装与使用

    来自w3cshool的中文文档:http://www.w3cschool.cc/appml/appml-tutorial.html 我们要做的是完整的例子,所以从这里http://www.w3csch ...

  3. mysql 重置root密码

    最近又项目用到mysql 由于电脑上mysql是很久以前安装的root密码忘记了, 百度一下重置密码 Windows: 1.以系统管理员登陆: 2.停止MySQL服务: 3.进入CMD,进入MySQL ...

  4. 即时聊天IM之三 XMPP协议客户端库的和Android端框架概述

    合肥程序员群:49313181.    合肥实名程序员群:128131462 (不愿透露姓名和信息者勿加入) Q  Q:408365330     E-Mail:egojit@qq.com smack ...

  5. redis + spring 集成

    1.pom <modelVersion>4.0.0</modelVersion> <groupId>com.x.redis</groupId> < ...

  6. python【5】-生成式，生成器

    一.条件和循环 1. if语句 if <条件判断1>: <执行1> elif <条件判断2>: <执行2> else: <执行4> 例如: ...

  7. 2016年2月16日开始，每天一篇，记录学习心得，【基本技能篇】>>开篇《如何阅读一本书——心得》

    如何阅读一本书——心得 ——2016年2月12日 要达到阅读的所有目的,就必须在阅读不同书籍的时候,运用适当的不同速度.读的太快或太慢,都一无所获. 四个阅读层次:①基础阅读,具有基本阅读的能力,包括 ...

  8. PHP 常用函数的解释

    1.trim() 去掉字符序列左边和右边的空格 2.stripslashes() 去掉反斜线字符 3.htmlspecialchars() 把预定义的字符 "<" (小于)和 ...

  9. 编译GCC4.8.2

        公司的机器上默认是GCC4.4.6,为了完整的体验C++11,可以自己编译一个GCC4.8.2出来(自带了更高版本的glibc). 以下是备忘. 1.下载GCC源码以及依赖库 gmp ftp: ...

  10. Java 和 Google Chrome 浏览器

    来源:https://java.com/zh_CN/download/faq/chrome.xml 本文适用于: 浏览器: Chrome Java 版本: 7.0, 8.0 Chrome 不再支持 N ...