<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>永不放弃 &#187; css</title>
	<atom:link href="http://www.ybfq.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ybfq.com</link>
	<description>电子商务师罗永强的个人网站</description>
	<lastBuildDate>Wed, 16 Nov 2011 06:53:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>CSS被IE8撞了一下腰(IE7兼容模式解决)</title>
		<link>http://www.ybfq.com/programs/css-ie8-hack-with-ie7-emulate/</link>
		<comments>http://www.ybfq.com/programs/css-ie8-hack-with-ie7-emulate/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 10:30:29 +0000</pubDate>
		<dc:creator>Rossy</dc:creator>
				<category><![CDATA[Programs]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie7]]></category>
		<category><![CDATA[ie8]]></category>

		<guid isPermaLink="false">http://www.ybfq.com/?p=164</guid>
		<description><![CDATA[Internet Explorer 8 Beta 版出来之后，就在网上看到有关IE8兼容性不好之说。今天客户说之前转过来的项目在IE8菜单全部乱了，上去看到果然如此。 该网页现将是在IE8浏览器下浮动的DIV层全部向下列举出来，应该是嵌套ul,li,div,a后或者是ul,li的相对位置和绝对位置冲突而出现的问题，不管是什么原因造成的，总之就是这个网页完全乱了，而在IE7和IE6下面都是正常的。IE系列的浏览器真是够烦的，但愿希望IE9能够真正的支持WEB标准，不再独创一家。 然后就开始找解决方法。先在网页头部加上单独解析IE8的CSS链接： &#60;!&#8211;[if IE 8]&#62; &#60;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;ie8hacks.css&#8221; /&#62; &#60;![endif]&#8211;&#62; 写上针对导航菜单里的UL，LI，A等标签，但就是没有一点改变的迹象。 之后继续修改但仍然无法修正。继续GOOGLE，尝试用X-UA-Compatible这个标签去解决。 &#60;code&#62;&#60;meta http-equiv=&#8221;X-UA-Compatible&#8221; content=&#8221;IE=EmulateIE7&#8243; /&#62;&#60;/code&#62; X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content=&#8221;IE=7&#8243;在无论页面是否 包含&#60;!DOCTYPE&#62;指令，都像是使用了 Windows Internet Explorer 7的标准模式。 而content=&#8221;IE=EmulateIE7&#8243;模式遵循&#60;!DOCTYPE&#62;指令。对于多数网站来说，它是首选的兼容性模式。 但是一开始的时候我在HEAD区加上这段代码的时候仍然一样，后来再继续尝试的时候才知道什么原因，原来是需要将这段代码放在TITLE和STYLE的前面才能生效的。 至此，问题总算是得到了解决。万恶的IE！]]></description>
		<wfw:commentRss>http://www.ybfq.com/programs/css-ie8-hack-with-ie7-emulate/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

