今天在编写一个非常简单的网页的时候，按照书上写的，使用了一个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. jsexcel导出插件

    ExcelTable.js /* * author:wenluanlai */ (function ($) { Date.prototype.Format = function (fmt) { var ...

  2. Python’s SQLAlchemy vs Other ORMs[转发 0]

    原文地址:http://pythoncentral.io/sqlalchemy-vs-orms/ Overview of Python ORMs As a wonderful language, Py ...

  3. python 学习2

    在1的基础上 settings.py blog/models.py: 打开一个cmd, net start mysql ,启动mysql服务 mysql -uroot -p 再在py_fir目录下打开 ...

  4. golang使用 mongo

    连接集群 mongodb://[username:password@]host1[:port1][,host2[:port2],...[,hostN[:portN]]][/[database][?op ...

  5. 部署私有的Nuget服务器

    1.查看官方的部署文档:http://docs.nuget.org/Create/Hosting-Your-Own-NuGet-Feeds 2.使用开源的项目:https://github.com/h ...

  6. Can't connect to MySQL server on '127.0.0.1' (111)

    [root@localhost ~]# service mysqld statusmysqld 已停 (1)查看MySQL 服务是否已经开启: service mysqld  status (2)启动 ...

  7. Jquery做全选

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. .Net消息队列的使用

    版权声明:作者:真爱无限 出处:http://blog.csdn.net/pukuimin1226 本文为博主原创文章版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出 ...

  9. DevExpress--xtraTabbedMdiManager控件

    因项目需要要实现类似jquery的Tab效果,所以要用到xtraTabbedMdiManager控件 使用xtraTabbedMdiManager一般配合navBarControl(上期已写过) 在工 ...

  10. Bestcoder Round 47 && 48

    1.Senior's Array(hdu 5280) 题目大意:给出大小为N的数组和P,求将数组中的某个元素替换为P后的最大连续子段和.N<=1000 题解: 1.送分题,比赛的时候只想到枚举替 ...