css - Fixing HTML5 for IE8 -


I can not understand why the following code does not work properly in IE8, but works perfectly in Chrome. Please advise any mistake in the code, or if I have a work-around then I can apply it quickly.

  & lt ;! DOCTYPE html & gt; & Lt; Html lang = "en" & gt; & Lt; Top & gt; & Lt; Meta name = "description" content = "orlando cake balls" & gt; Cake balls, cake balls, cake cake cake, orlando cake, cake pop recipes, what is a cake pop, a cake ball, cake, ball, cake, balls, orlando, what's that? Pop, recipes, what "gt; & lt; meta name =" author "content =" quinn "> gt; meta charset =" utf-8 "/> gt; title & gt; orl Cake Balls & lt; / title & gt; link rel = "stylesheet" type = "text / css" href = "StyleSheet.css" /> & lt ;! - Google Analytics - & gt; & Lt ; Script type = "text / javascript"> var _gaq = _gaq || []; _gaq.push (['_ setAccount', 'UA-36012302-1']); _gaq.push (['_ trackPageview' ]); (Function () {var ga = document.createElement ('script'); ga.type = 'text / javascript'; ga.async = true; ga.src = ('https:' == document.location .protocol? 'Https: // ssl': 'http: // www') + '.google-analytics.com / ga.js'; var s = document.getElementsByTagName (' screen ;); [0]; s.parentNode.insertBefore (GA, S);}) (); & lt; / script & gt; & lt; / head & gt; & lt; body & gt; & lt; div Id = "email container" & gt; & lt; a href = "mailto: info@orlandocakeballs.com" title = "contact us" category = "ammiling">  gt; & lt; Div id = "social media" & gt; & Lt; Div id = "twitter" & gt; & Lt; A href = "https://twitter.com/ORLCakeBalls/" target = "_ blank" data-show-count = "wrong" & gt; & Lt; Img src = "../ Twitter- logo.jpg" width = "25" height = "25" alt = "twitter link" /> gt; & Lt; / A & gt; & Lt ;! - & lt; Script & gt ;! Function (D, S, ID) {var js, fjs = d.getElementsByTagName (s) [0]; If (! DAJ Element BID (ID)) {JS = D. Element (s); Js.id = id; Js.src = "// platform.twitter.com/widgets.js"|fjs.parentNode.insertBefore(js,fjs);}}(document,"script"""twitter -wjs"); & Lt; / Script & gt; - & gt; & Lt; / Div & gt; & Lt; A href = "http://www.facebook.com/OrlandoCakeBalls/" target = "_ blank" id = "facebook" title = "like us" & gt; & Lt; Img src = "../- facebook-logo Jpg" width = "25" height = "25" alt = "Facebook link" /> & lt; / A & gt; & Lt; A href = "http://pinterest.com/orlcakeballs/" target = "_ blank" id = "pinterest" title = "pin" & gt; & Lt; Img src = "../ pinterest-logo.jpg" width = "25" height = "25" alt = "pin icon" /> gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Footer id = "copyright" & gt; © 2012 Orlando Cake Balls All Rights Reserved. & Lt; / Footer & gt; & Lt; / Body & gt;   

body {background: #fff url (..// landingpage.jpg) No-repetitive top center; Background-size: auto 900px; } #memintil {text-decoration: none; } #copyright {padding: 830px 0px 10px 0px; Text align: center; Color: #fff; Font-family: aerial; } .mail link {status: complete; Top: 400px; Left: 695px; Width: 290px; Height: 50px; Background color: transparent; Limit: 1 px solid #fff; } .mail link: hover {status: complete; Top: 400px; Left: 695px; Width: 290px; Height: 50px; Background color: transparent; Border Bottom: 1px solid # 00BFFF; } # Email container {width: 900px; Margin: 0 auto; Status: Relative; } #twitter {status: absolute; Top: 470px; Left: 720px; / * Background color: transparent; Limit: 1 px solid #fff; * /} # Tweeter: Hover {Opacity: 0.4; Filters: alpha (opacity = 40); / * IE8 and for the first ##facebook {status: full; Top: 470px; Left: 755px; Background color: transparent; Limit: 1 px solid #fff; } # Functionbook: Hover {Opacity: 0.4; Filters: alpha (opacity = 40); / * IE8 and for the first * /} #pinterest {status: full; Top: 470px; Left: 790px; Background color: transparent; Limit: 1 px solid #fff; } #pentrees: hover {blurring: 0.4; Filters: alpha (opacity = 40); / * IE8 and earlier * /}

background-size < / Code> CSS style (in your body style) is new in CSS3 and is not supported in IE8 or less. See.

Comments

Popular posts from this blog

Python SQLAlchemy:AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

java - How not to audit a join table and related entities using Hibernate Envers? -

mongodb - CakePHP paginator ignoring order, but only for certain values -