`
touchinsert
  • 浏览: 1345987 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

[转]firefox与IE的background属性backgroundImage

 
阅读更多

本文转自：http://bbs.blueidea.com/archiver/tid-2804690.html

原文如下：

xbj126 发表于 2007-10-30 11:36

用javascript更改background属性，firefox不支持,请求解决方法

我的代码如下

document.getElementById("news").background = "images/news_bg3.gif";

IE可以正常运行
firefox却不行，请高手帮忙解决

sunritz 发表于 2007-10-30 11:42

[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function bg(){
document.getElementById("news").style.backgroundImage = "url(http://bbs.blueidea.com/images/blue/logo.gif)";

}
</script>
</head>
<body onload="bg()">
<div id=news>
asfafdf
</div>
</body>
</html>
[/html]

分享到：
| [转]firefox与IE的事件处理
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    滤镜问题-FireFox火狐浏览器与IE的对比分析

    本文将深入探讨FireFox火狐浏览器与Internet Explorer（简称IE）在处理特定CSS属性——尤其是滤镜效果方面存在的差异，并通过具体的示例代码来说明这些差异。 #### 一、概述 FireFox和IE作为两大主流浏览器，在其...

    IE与Firefox的CSS兼容大全

    ### IE与Firefox的CSS兼容大全 #### 一、引言 在Web开发中，不同的浏览器对CSS的支持程度存在差异，特别是在早期的Internet Explorer (IE) 和 Firefox 之间，这种差异尤为显著。本文将详细介绍IE与Firefox之间的...

    div层实现IE Firefox 页面半透明遮罩效果弹窗

    本文将深入探讨如何使用CSS来实现在Internet Explorer（IE）和Firefox等浏览器上的半透明遮罩层效果。 首先，我们需要了解CSS中的`opacity`属性，它是实现半透明效果的关键。`opacity`属性用于设置元素的不透明度，...

    PNG图片透明兼容IE6和火狐示例

    5. **CSS使用**：在CSS中，可以使用`background-image`属性设置PNG图片作为背景，同时通过`opacity`或`filter`属性控制透明度，对于IE6需要添加特定的滤镜属性，如`filter:progid:DXImageTransform.Microsoft....

    入门教程 CSS属性.pdf

    ### CSS基础语法与属性详解 #### 一、CSS背景属性 **1.1 背景属性概述** 在网页设计中，背景属性是用于控制页面元素背景的重要工具。通过合理运用这些属性，开发者能够创造出丰富多彩的视觉效果。下面将详细介绍...

    15种CSS3图片Hover悬停效果代码，超级实用，兼容IE9+、chrome、firefox浏览器.rar

    在本文中，我们将深入探讨如何使用CSS3来创建15种不同的图片悬停效果，这些效果不仅实用，而且兼容主流的现代浏览器，如IE9、Chrome和Firefox。这些技巧可以帮助开发者提升网站的交互性和用户体验。 首先，让我们...

    CSS图片倒影效果兼容firefox、IE等各主流浏览器

    标题中的“CSS图片倒影效果兼容firefox、IE等各主流浏览器”是指利用CSS技术来创建一个图片的倒影效果，并确保这个效果能在Firefox、Internet Explorer（包括较旧版本）以及其他主流浏览器如Chrome中正常工作。...

    IE6特有bug兼容性问题整理

    在IE6中，`#san`元素会被“拉入”浮动区域内，而在Chrome和Firefox中，`#san`元素会按照正常的文档流布局显示在其下方。 - **解决方案**： 对于IE6中的这一问题，可以尝试使用`clear:both`属性来清除浮动的影响，...

    js创建颜色渐变,js颜色渐变程序,firefox filter,ff filter处理

    elem.style.backgroundImage = 'url(gradients/ie-gradient.png)'; } ``` 通过以上方法，我们可以创建出在不同浏览器上兼容的颜色渐变效果。理解这些基本原理和技巧，你就可以自由地在网页上实现各种动态颜色...

    jQuery焦点图效果，兼容火狐、IE6及以上

    2. CSS3的`transition`属性在IE9及以下版本不支持，但可以通过jQuery的动画功能来模拟过渡效果，虽然这会增加代码复杂度。 3. `display: flex;`在IE9及以下版本不支持，可以使用`display: inline-block;`和`vertical...

    css浏览器兼容整理

    #### 一、IE6/IE7/IE8/Firefox/Chrome/Safari的CSShack兼容一览表 为了确保网站能在不同的浏览器中呈现出一致的效果，了解和掌握各种CSS hack技巧是非常重要的。以下是一些常用且有效的CSS hack方法： 1. **区别IE...

    图片上传预览（支持火狐，谷歌，Ie）

    本文将详细讲解如何实现一个跨浏览器的图片上传预览功能，包括对火狐（Firefox）、谷歌（Chrome）以及Internet Explorer（IE）等主流浏览器的支持。 首先，我们需要明白，图片上传预览的核心在于利用JavaScript的...

    完美解决IE6下png透明

    对于其他现代浏览器，如Firefox、Chrome或Safari，PNG图像的透明特性都能被很好地支持。但在IE6中，PNG-8（8位色）的透明效果可以正常显示，而PNG-24（24位色，支持半透明）则会出现问题。 为了解决这个问题，有...

    css.rar_csspicture

    在"css.rar_csspicture"这个资源中，我们主要关注的是如何实现图片在不同浏览器，包括旧版本的Internet Explorer（IE6、IE7、IE8）和Firefox上的自适应显示。在现代网页开发中，确保跨浏览器兼容性是至关重要的，...

    IE6浏览器下PNG背景透明

    4. **升级浏览器**：虽然这并不总是可行的，但鼓励用户升级到更高版本的IE（如IE7及以上）或者切换到其他现代浏览器（如Chrome、Firefox、Safari或Edge），是解决此问题的最根本途径。 无论选择哪种方法，都需要...

    border-radius兼容ie78

    `-webkit-border-radius`和`-moz-border-radius`则分别是为了兼容其他非IE浏览器，如Chrome和Firefox。 关于压缩包中的文件`border-radius兼容ie678`，这可能包含了一个完整的示例，用于演示如何在实际项目中应用...

    IE6_PNG透明终极解决办法

    鼓励用户升级到更现代的浏览器版本，或者使用其他兼容性更好的浏览器，如Firefox、Chrome等。 通过上述方法，开发者可以有效地解决在IE6中显示PNG图片时遇到的透明问题。不过，随着现代浏览器的普及，这个问题在新...

    让 IE6 支持 PNG 透明

    因此，编写CSS时要确保对其他浏览器（如Firefox, Chrome, Safari, Opera等）的兼容性。 9. **最佳实践**： - 随着时间推移，IE6的使用率已经大大降低，现在更推荐使用渐进增强或优雅降级策略，优先确保现代浏览器...

    png图片在IE下透明实现方法

    鉴于现代浏览器对PNG透明的支持，鼓励用户升级到较新版本的IE（如IE8及以上）或更换其他浏览器，如Chrome、Firefox、Safari等，是更长远的解决方案。 在压缩包中，`ie.css`可能是包含了上述修复PNG透明问题的CSS...

    各种游览器的css兼容问题

    本文将详细介绍几种主流浏览器（IE、Firefox、Safari）对于特定CSS属性的支持情况，并提供相应的解决方案。 #### CSS Hack 兼容表 为了帮助开发者更好地理解和解决跨浏览器兼容性问题，下面列出了一个针对IE6、IE7...

Magicbox
Global site tag (gtag.js) - Google Analytics