blocks|key|953041|text|Try+this+lovely+script+(.js)+:)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|953042|对于圆角，我使用an+other+script+(.htc)|953043|使用第一个：|953044||code-block|syntax|javascript|953045|使用第二个，比如：|953046|-moz-border-radius:+4px;
-webkit-border-radius:+4px;
-khtml-border-radius:+4px;
border-radius:+4px;
behavior:+url(border-radius.htc);|953047|愉快的网站建设:)|953048|原始链接不再处于活动状态，并且HTML5shiv已移动。|953049|现已在GitHub上提供|953050|https://github.com/aFarkas/html5shiv|953051|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/html5shiv/|1|http://code.google.com/p/curved-corner/|2^0|0|S|0|0|8|M|1|0|0|0|0|0|0|0|0|0|10|2|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@$A|1A|B|1B|1|1C]]|C|$]]|$1|D|3|E|5|6|7|1D|8|@]|9|@$A|1E|B|1F|1|1G]]|C|$]]|$1|F|3|G|5|6|7|1H|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|1I|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|1J|8|@]|9|@]|C|$]]|$1|O|3|P|5|J|7|1K|8|@]|9|@]|C|$K|L]]|$1|Q|3|R|5|6|7|1L|8|@]|9|@]|C|$]]|$1|S|3|T|5|6|7|1M|8|@]|9|@]|C|$]]|$1|U|3|V|5|6|7|1N|8|@]|9|@]|C|$]]|$1|W|3|X|5|6|7|1O|8|@]|9|@$A|1P|B|1Q|1|1R]]|C|$]]|$1|Y|3|-4|5|6|7|1S|8|@]|9|@]|C|$]]]|Z|$10|$5|11|12|13|C|$14|15]]|16|$5|11|12|13|C|$14|17]]|18|$5|11|12|13|C|$14|X]]]]

<a href="http://code.google.com/p/html5shiv/" rel="noreferrer" title="go for it">Try this lovely script (.js)</a> :) 
And for rounded corners i use <a href="http://code.google.com/p/curved-corner/" rel="noreferrer" title="curved corner">an other script (.htc)</a>

use the 1st:

<pre><code>&lt;!--[if lt IE 9]&gt;
&lt;script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
&lt;![endif]--&gt;
</code></pre>

use the 2nd like:

<pre><code>-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
behavior: url(border-radius.htc);
</code></pre>

Happy sitebuilding :)

The original link is no longer active and HTML5shiv has moved.

Now available on GitHub

<a href="https://github.com/aFarkas/html5shiv" rel="noreferrer">https://github.com/aFarkas/html5shiv</a>

blocks|key|737016|text|您可以尝试css3pie+http://css3pie.com/，它将有助于解决css3问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|737017|entityMap|0|LINK|mutability|MUTABLE|url|http://css3pie.com/^0|D|J|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You could try css3pie <a href="http://css3pie.com/" rel="nofollow">http://css3pie.com/</a> which would help with the css3 issues.

blocks|key|737076|text|对于HTML5，我推荐使用Remy+Sharp's+HTML5+Shim，不过要想看到效果，你的IE用户需要启用JavaScript。基本上，它利用了IE6/7/8中的一个错误，该错误允许在首次使用document.createElement函数在JavaScript中创建HTML5元素后对其进行识别。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|737077|对于你的CSS，有一些不同的技巧，比如CSS3+PIE，它们使用"behaviour“属性(IE独有的)来模拟CSS3效果。不过，我个人避免了这些，因为根据我的经验，它们很容易崩溃，最终会比它们的价值更麻烦。相反，我倾向于编写我的CSS，以便它在IE中优雅地降级，这样圆角按钮看起来就是方形的，但仍然很漂亮。|737078|entityMap|0|LINK|mutability|MUTABLE|url|http://remysharp.com/2009/01/07/html5-enabling-script/|1|http://css3pie.com/about/^0|2R|M|D|N|0|0|J|8|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|H|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]|P|$5|K|L|M|E|$N|Q]]]]

For HTML5, I recommend <a href="http://remysharp.com/2009/01/07/html5-enabling-script/" rel="noreferrer">Remy Sharp's HTML5 Shim</a>, although to see the effect, your IE users will need to have JavaScript enabled. Basically it exploits an error in IE6/7/8 which allows HTML5 elements to be recognised after they have first been created in JavaScript using the <code>document.createElement</code> function.

For your CSS, there are a few different hacks such as <a href="http://css3pie.com/about/" rel="noreferrer">CSS3 PIE</a> that use the "behaviour" property (which is unique to IE) to simulate CSS3 effects. I have personally refrained from these though, since in my experience, they break very easily, and end up being more hassle than they're worth. I instead tend to write my CSS so that it degrades gracefully in IE, so that rounded buttons look square, but still look nice.

blocks|key|953191|text|http://modernizr.com/将是一个很好的选择。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|953192|entityMap|0|LINK|mutability|MUTABLE|url|http://modernizr.com/^0|0|L|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

modernizr <a href="http://modernizr.com/" rel="nofollow">http://modernizr.com/</a> will be a good choice.

blocks|key|737155|text|不管新的语义标签如何，如果你打算在IE7/8中产生CSS3效果，你当然可以使用asp.Net图形类作为IE7/8的后备。使用.net图形可以创建的一些效果是-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|737156|边界半径、线性渐变、径向渐变、长方体阴影..|737157|您可以使用图形类在asp.net页面中创建这些效果，并将页面呈现为任何HTML元素背景图像。即|737158|<div+style="background:url(http://127.0.0.1/index/yourpagename.asp?param1=value1&param2=value2)"></div>|code-block|syntax|javascript|737159|或|737160|<img+src="http://127.0.0.1/index/yourpagename.asp?param1=value1&param2=value2"+/>|737161|其中参数值是根据创建效果所需的输出输入的。即高度、宽度、颜色等。|737162|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Regardless of new semantic tags, if you intend to produce the CSS3 effect in IE7/8, you could certainly use asp.Net graphics classes as fallback for IE7/8. some of the effect which can be created using .net graphics are -

Border-radius, linear gradient, radial gradient, box-shadow..

You can create these effect in asp.net page using graphics classes and render that page as an background image of any HTML element. i.e.

<pre><code>&lt;div style="background:url(http://127.0.0.1/index/yourpagename.asp?param1=value1&amp;param2=value2)"&gt;&lt;/div&gt;
</code></pre>

OR

<pre><code>&lt;img src="http://127.0.0.1/index/yourpagename.asp?param1=value1&amp;param2=value2" /&gt;
</code></pre>

where parameters value are input in terms of output required to create the effect. i.e. height, width, color etc.

I inherited a web application where the front end uses new HTML5 tags (header, nav, section tags) and new CSS3 style attributes (rounded borders). The website looks amazing in Google Chrome and Safari.

However, the client now complains the website is broken for IE7 and IE8. Everything is out of alignment and most of the styles do not render.

What is the easiest way to make this website work in IE7 and IE8? Do I have to:
a) Apply some hack to make IE browsers accept the new HTML5 and CSS3 features?
b) A complete rewrite of the front end?

HTML5 and CSS3 for IE7 and IE8

网站建设

GitHub

HTML5

我继承了一个web应用程序，它的前端使用了新的HTML5标签(标题、导航、部分标签)和新的CSS3样式属性(圆角边框)。这个网站在Google Chrome和Safari上看起来很棒。然而，客户端现在抱怨网站对IE7和IE8的支持不起作用。所有的东西都不对齐，大多数样式都不能渲染。让这个网站在IE7和IE8中运行的最简...

问适用于IE7和IE8的HTML5和CSS3
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问适用于IE7和IE8的HTML5和CSS3EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问适用于IE7和IE8的HTML5和CSS3
EN