码迷,mamicode.com
首页 > 其他好文 > 详细

ie11浏览器和chrome浏览器对于bgsound和background的一些区别

时间:2015-11-15 13:32:01      阅读:523      评论:0      收藏:0      [点我收藏+]

标签:

今天在编写一个非常简单的网页的时候,按照书上写的,使用了一个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浏览器的格式来编写网页。

ie11浏览器和chrome浏览器对于bgsound和background的一些区别

标签:

原文地址:http://www.cnblogs.com/yychnbt/p/4966416.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!