jquery的css()对组合的属性无法获取(background,font,margin,padding)(ie6、7)

原创 2012年08月20日 16:01:25
<!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=utf-8" />
<title>jquery的background获取问题</title>
<style type="text/css">
	.demo {
		font:12px/24px Verdana, Geneva, sans-serif;
		background:#F00;
		width:200px;
		height:200px;
		margin:10px;
		/*margin:10px 20px;	//取消此注释,将导致js错误*/
	}
	.show {
		border:solid 1px #000;
	}
</style>
<script type="text/javascript" src="js/jQuery-1.7.1.js"></script>
<script type="text/javascript">
	$(function() {
		var html = '';
		var bg = $('.demo').css('background');
		html += 'background :' + bg + '<br />';
		var bgC = $('.demo').css('backgroundColor');
		html += 'background-color :' + bgC + '<br />';
		var font = $('.demo').css('font');
		html += 'font :' + font + '<br />';
		var fontS = $('.demo').css('fontSize');
		html += 'font-size :' + fontS + '<br />';
		var margin = $('.demo').css('margin');
		html += 'margin :' + margin + '<br />';
		var marginT = $('.demo').css('marginTop');
		html += 'margin-top :' + marginT + '<br />';
		
		$('.show').html(html);
	})
</script>
</head>

<body>
<div class="demo">哈哈哈哈哈哈哈哈哈哈哈哈哈哈</div>
<div class="show"></div>
</body>
</html>


ie下

background :undefined
background-color :#f00
font :undefined
font-size :12px
margin :10px
margin-top :10px


chrome下

background :rgb(255, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box
background-color :rgb(255, 0, 0)
font :normal normal normal 12px/24px Verdana, Geneva, sans-serif
font-size :12px
margin :10px
margin-top :10px


相关文章推荐

CSS中IE6、7和火狐对margin、padding的兼容性解析

1、IE与Fire Fox识别CSS属性区别标签 !important #page_body{ width: 1000px !important; height:30px !important;...

CSS属性总结(二):text, font, margin, padding

文本 color 设置元素内文本的颜色。值可以取任意CSS支持的颜色值,包括颜色名称(如red, blue)、十六进制颜色值(如#ff0000)或者rgb颜色值(如rgb(255, 0, 0))。...

Jquery实现IE6 7 8 兼容placeholder属性

var JPlaceHolder = { //检测 _check : function(){ return 'placeholder' in documen...

让IE6/IE7/IE8浏览器支持CSS3属性

一、下载您可以狠狠地点击这里:ie-css3.htc,这个玩意儿是让IE浏览器支持CSS3表现的关键东东。二、上面的是什么东西首先说说.htc文件,.htc文件是个脚本文件,我个人以为与js文件属于同...

让IE6/IE7/IE8浏览器支持CSS3属性

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=783 一、下...

老生常谈IE兼容性:ie6 javascript:void(0)、IE7 input透明、IE8 jquery动态加载css

这年头依旧有人坚守IE6阵营,为什么呢?人家客户说单位以前系统必须用IE6没办法升级,这理由还真充分! 一、IE6 对javascript:void(0)的支持      问题:a href=”j...
  • nhconch
  • nhconch
  • 2013年11月29日 17:58
  • 7771

列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法

在做列表文章的时候,我们经常会用ul,li标签实现,但是如下图所示第一行出了点问题。在IE6、IE7中li的第一行相对于下方的靠左,而在IE8,FF正常。 列表中li标签设置margin在IE6和I...

ie6实现css3属性

  • 2013年01月11日 09:50
  • 17KB
  • 下载

兼容性——IE6 IE7 IE8(Q) 负边距 (margin) 导致元素溢出 hasLayout 容器时显示异常

对于此问题,我们通过以下的测试用例来说明。 分析以下代码: 123 一个100x100像素的红色边框 DIV 元素内包含了一个没有设置宽度和高度的蓝色边框的 DIV 元素,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery的css()对组合的属性无法获取(background,font,margin,padding)(ie6、7)
举报原因:
原因补充:

(最多只允许输入30个字)