javascript - Mozilla and Opera 'background-size:cover' doesn't work -


I am creating a site with a background image slider, where the images cover 100% width and height of a div element Where they have to be. The problem is that everything works well in Safari and Chrome, but in Opera and Mozilla Firefox, images are not scaled.

I have "-o-background-size: cover" and "mage-background-size: cover" but he did not move.

Here's the code: `

  --- HEAD --- ... .lt; meta charset = "UTF-8">  title </ title> <lt; link Rel = "stylesheet" href = "css / style.css" type = "text / css" /> gt; & gt; [if lt IE 9] & gt; & lt; script src = "http: // Html5shim.googlecode.com/svn/trunk/html5.js "> <script> gt; & lt; [endif] - & gt; & lt; script src =" http: //code.jquery. Com / jquery-latest.min.js "type =" text / javascript "> gt; & lt; / script & gt; & lt; script Writer = "Text / JavaScript"> $ (Document) .ready (function () {var imgArr = new Array () // Path relative to images imgArr [0] = "images / artema_big.jpg"; imgArr [1] ] = "Picture / donskoi_big.jpg"; ImgArr [2] = "picture / dzerzhinski_big.jpg" var preloadArr = new array (); var i; / * preload images * / for (i = 0; i <imgArr .length; i ++) {preloadArr [i] = new image (); Preloader [I] SRC = IMGARR [ii];} WorkIreig = 1; ViriIDIID = Set Interval (ITMIT, 1000); / * Image rotator * / change function amg () {$ (".") (.) ($ Opacity: 0}, 1000, work () {$ (this). CSS ('background', 'url (' + preloadArr [CurrImg ++% preloadArr.length] .src + ') Top left no-repeat');}). Animate ({opacity: 1}, 1000);};}); & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "parent" & gt; & Lt; Div class = 'fakeBackground' & gt; & Lt; / Div & gt; & Lt; Div class = "menuLeft" & gt; & Lt; Div class = "logo" & gt; & Lt; / Div & gt; & Lt; Ul id = "menu" & gt; & Lt; Li class = "about" & gt; & Lt; A href = "http: //" & gt; Ð ?? кР»N ?? Ð ± Ðμ & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "offer" & gt; & Lt; A href = "http: //" & gt; Ð £ Ñ ?? Ð »Ñ ?? ¸¸¸ & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "card" & gt; & Lt; A href = "http: //" & gt; Ð ?? Ð ° Ñ ?? Ñ ​​?? Ñ ​​?? & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "personal" & gt; & Lt; A href = "http: //" & gt; Ð ?? ÐμÑ ?? ± онР° Ð »& lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "news" & gt; & Lt; A href = "http: //" & gt; Ð ?? овÐÑÑ ?? Ñ ​​?? ¸¸¸ & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "contact" & gt; & Lt; A href = "http: //" & gt; Ð ?? Ð¾Ð½Ñ ?? Ð ° к ÑÑ ?? Ñ ​​?? & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "rightobottom" & gt; & Lt; Img src = "picture / virtualTour.png" alt = "virtual_tour" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt; </ Code> </ pre> <p> and CSS: </ p> <pre> <code> * {margin: 0 pixels; } Body, html {height: 100%; Margin: 0 px; }. Parent {width: 100%; Height: 100%; Margin: 0 px auto; Status: Relative; }. Parent .fakeBackground {Status: Completed; Z-index: -1; Width: 100%; Height: 100%; Margin: 0 px auto; Background size: cover; -o-background-shape: cover; Background: URL (../images/artama_big.jpg) no-repeat; Background-condition: center center; } .logo {width: 188px; Height: 78px; Background-image: url (../images/logo.png); Margin-down: 20px; Margin-left: 60px; }. MenuuLeft {width: 678px; Height: 100%; Background-image: url (../images/artamadiscar page); Background size: cover; Repeat Background: No Repetition; } #Menu Li {List-style: none; Margin-down: 10px; Status: Relative; } #Menu Li One {font-family: aerial; Font-size: 14px; Border below: 1px dotted; Text-decoration: None; Color: # 373e 96; } / * Menu item * / .about {margin-left: 70px; } .offers {margin-left: 60px; } .card {margin-left: 50px; }. Individual {margin-left: 11px; } .news {margin-left: 5px; }. Contact {margin-left: -10px; } .rightBottom {Status: Completed; Bottom: 0; Correct: 0; Width: 301px; Height: 520px; Display area; } </ Code> </ pre> <p> Any help would be appreciated. </ P> <p> PS The link to the site is: </ p> </ div> <p> <div class = "post-text" itemprop = "text"> <p> The problem is that 'background' background size 'overwrite' </ P> <p> Also see. </ P> <p> So keep the background on top as necessary. </ P> </ div> </ html><br /><br /> 
<script type="text/javascript" src="//ylx-1.com/bnr.php?section=General&pub=435796&format=728x90&ga=g"></script>
<noscript><a href="https://yllix.com/publishers/435796" target="_blank"><img src="//ylx-aff.advertica-cdn.com/pub/728x90.png" style="border:none;margin:0;padding:0;vertical-align:baseline;" /></a></noscript>
  </div>
<div class='post-footer container'>
<div class='post-footer-line post-footer-line-1'>
</div>
<div class='post-footer-line post-footer-line-2'>
</div>
<div class='post-footer-line post-footer-line-3'>
</div>
<div class='post-share-buttons post-share-buttons-bottom'>
<div class='byline post-share-buttons goog-inline-block'>
<div aria-owns='sharing-popup-Blog1-byline-6522654860899029106' class='sharing' data-title='javascript - Mozilla and Opera 'background-size:cover' doesn't work -'>
<button aria-controls='sharing-popup-Blog1-byline-6522654860899029106' aria-label='Share' class='sharing-button touch-icon-button' id='sharing-button-Blog1-byline-6522654860899029106' role='button'>
<div class='flat-icon-button ripple'>
<svg class='svg-icon-24'>
<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_share_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
</svg>
</div>
</button>
<div class='share-buttons-container'>
<ul aria-hidden='true' aria-label='Share' class='share-buttons hidden' id='sharing-popup-Blog1-byline-6522654860899029106' role='menu'>
<li>
<span aria-label='Get link' class='sharing-platform-button sharing-element-link' data-href='https://draft.blogger.com/share-post/2690920166269571678/6522654860899029106?https=true&target=' data-url='https://rcoastcode11.blogspot.com/2014/07/javascript-mozilla-and-opera-doesn-work.html' role='menuitem' tabindex='-1' title='Get link'>
<svg class='svg-icon-24 touch-icon sharing-link'>
<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_link_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
</svg>
<span class='platform-sharing-text'>Get link</span>
</span>
</li>
<li>
<span aria-label='Share to Facebook' class='sharing-platform-button sharing-element-facebook' data-href='https://draft.blogger.com/share-post/2690920166269571678/6522654860899029106?https=true&target=facebook' data-url='https://rcoastcode11.blogspot.com/2014/07/javascript-mozilla-and-opera-doesn-work.html' role='menuitem' tabindex='-1' title='Share to Facebook'>
<svg class='svg-icon-24 touch-icon sharing-facebook'>
<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_facebook_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
</svg>
<span class='platform-sharing-text'>Facebook</span>
</span>
</li>
<li>
<span aria-label='Share to X' class='sharing-platform-button sharing-element-twitter' data-href='https://draft.blogger.com/share-post/2690920166269571678/6522654860899029106?https=true&target=twitter' data-url='https://rcoastcode11.blogspot.com/2014/07/javascript-mozilla-and-opera-doesn-work.html' role='menuitem' tabindex='-1' title='Share to X'>
<svg class='svg-icon-24 touch-icon sharing-twitter'>
<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_twitter_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
</svg>
<span class='platform-sharing-text'>X</span>
</span>
</li>
<li>
<span aria-label='Share to Pinterest' class='sharing-platform-button sharing-element-pinterest' data-href='https://draft.blogger.com/share-post/2690920166269571678/6522654860899029106?https=true&target=pinterest' data-url='https://rcoastcode11.blogspot.com/2014/07/javascript-mozilla-and-opera-doesn-work.html' role='menuitem' tabindex='-1' title='Share to Pinterest'>
<svg class='svg-icon-24 touch-icon sharing-pinterest'>
<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_pinterest_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
</svg>
<span class='platform-sharing-text'>Pinterest</span>
</span>
</li>
<li>
<span aria-label='Email' class='sharing-platform-button sharing-element-email' data-href='https://draft.blogger.com/share-post/2690920166269571678/6522654860899029106?https=true&target=email' data-url='https://rcoastcode11.blogspot.com/2014/07/javascript-mozilla-and-opera-doesn-work.html' role='menuitem' tabindex='-1' title='Email'>
<svg class='svg-icon-24 touch-icon sharing-email'>
<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_email_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
</svg>
<span class='platform-sharing-text'>Email</span>
</span>
</li>
<li aria-hidden='true' class='hidden'>
<span aria-label='Share to other apps' class='sharing-platform-button sharing-element-other' data-url='https://rcoastcode11.blogspot.com/2014/07/javascript-mozilla-and-opera-doesn-work.html' role='menuitem' tabindex='-1' title='Share to other apps'>
<svg class='svg-icon-24 touch-icon sharing-sharingOther'>
<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_more_horiz_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
</svg>
<span class='platform-sharing-text'>Other Apps</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class='comments embed' data-num-comments='0' id='comments'>
<a name='comments'></a>
<h3 class='title'>Comments</h3>
<div id='Blog1_comments-block-wrapper'>
</div>
<div class='footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Post a Comment</h4>
<a href='https://draft.blogger.com/comment/frame/2690920166269571678?po=6522654860899029106&hl=en-GB&saa=85391&origin=https://rcoastcode11.blogspot.com&skin=emporio' id='comment-editor-src'></a>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='90px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/2103827977-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
      BLOG_CMT_createIframe('https://draft.blogger.com/rpc_relay.html');
    </script>
</div>
</div>
</section>
</article>
</div>
</div></div>
</main>
<div class='vertical-ad-container no-items section' id='ads' name='Ads'>
</div>
<aside class='sidebar-container container' role='complementary'>
<div class='section' id='sidebar_item' name='Sidebar (Item Page)'><div class='widget PopularPosts' data-version='2' id='PopularPosts1'>
<h3 class='title'>
Popular Posts
</h3>
<div class='widget-content'>
<div role='feed'>
<article class='post' role='article'>
<h3 class='post-title'><a href='https://rcoastcode11.blogspot.com/2015/04/php-offsetting-hash-by-28px-to.html'>php - offsetting hash by 28px to accommodate admin bar for logged in
Wordpress users -</a></h3>
<div class='item-content'>
<div class='popular-posts-snippet snippet-container r-snippet-container'>
<div class='snippet-item r-snippetized'>
    Because of the AdWords bar that shows up to log in to my WordPress site, hash links do not work because I I want to do as much work as they do, that is how they work, but the hash is hidden by the wordpress admin bar above the div. That's why I am thinking that there is a way that, for logging in users, all the hash status can be offset from 28px so that they appear correctly.   Possibly, if there is a script that requires me to add it to my functions.php file and wrap it in:    if (is_user_logged_in ()): [Script here] endif;       You really want to do this in javascript. I'm assuming that you have jquery running. You can use the following code. It will run at all times:    jQuery .jpg (.jpg) .jQuery (.bind) .bind ("hashchange", function () {jQuery ("html, body"). ScrollTop (jQuery (window) .scrollTop () - 28);});});) ????    If you want to run only when you log in, you can resize your template with PPE, with some (not tested) rows:    if (is_user_logge...
</div>
<a class='snippet-fade r-snippet-fade hidden' href='https://rcoastcode11.blogspot.com/2015/04/php-offsetting-hash-by-28px-to.html'></a>
</div>
</div>
</article>
<article class='post' role='article'>
<h3 class='post-title'><a href='https://rcoastcode11.blogspot.com/2010/04/c-separating-fscanf-error-checking-so-i.html'>c - Separating fscanf error checking so I can deliver specific message?
-</a></h3>
<div class='item-content'>
<div class='popular-posts-snippet snippet-container r-snippet-container'>
<div class='snippet-item r-snippetized'>
    Here's a brand new brand for C. For example, # fragment1 ## fragment2 ## fragment3 #   I want to check the two errors before reading the program in one file in a row and then "#" by separating it. I am not sure that one piece is more than 1000 characters, and that the correct format of the file "#" does not actually get me on the sides of the piece how the fscanf syntax works, but I think the following errors will be checked:    four buffers [MAX_FRAG_LEN + 1]; If (fscanf (fp, "#% 1000 [^ #] #", buffer) == 1) {Return stdup (buffer); } And {fprintf (stderr, "error! Incorrect format. \ N"); }    However, I want to separate the errors so I can specifically message one of two messages. How can I make a check personally? greatly appreciate!      To work your technique, you should manually check whether the next letter after buffer Is a  '#'  after  fscanf  returns. This allows you to isolate a very long string error from the missing  ...
</div>
<a class='snippet-fade r-snippet-fade hidden' href='https://rcoastcode11.blogspot.com/2010/04/c-separating-fscanf-error-checking-so-i.html'></a>
</div>
</div>
</article>
<article class='post' role='article'>
<h3 class='post-title'><a href='https://rcoastcode11.blogspot.com/2015/06/prolog-filter-list.html'>Prolog - Filter List -</a></h3>
<div class='item-content'>
<div class='popular-posts-snippet snippet-container r-snippet-container'>
<div class='snippet-item r-snippetized'>
    Then I have this homework because Mimora will have to filter every nth element in the list and return it as a list For example:  ? - Each (3, [A, B, C, D, E, F], RS) = [C, F].   My idea was originally:    Harnath (n, [x | xs], l): - harnath (n, [x | x], n, L) Harnath (N, [], C, L) Every Anth (N, [X | X], 0, [X]): - Hernath (N, XS, N, [X]). Every Anth (n, [x | xs], c, l): - c1c-1, every anninth (n, xs, c1, l).    But it does not work in this way, because in the third line it matches X and returns X and count 0 goes to the second time it goes there.      You are almost there to check these modifications:    Hernan (N, L, NL): - Each Anth (N, L, N, NL). Everywhere (_, [], _, []) every anith (n, [x | xs], 1, [x | nx]): - hernath (n, xs, n, nx). Every Anth (N, [_ | X], C, NX): - C1 C-1, C1 & gt; 0, is every ann (n, xs, c1, nx). The first section of     everynth / 4  is the end of the recursion. If there is no other item in the list, then an empty list should be given.   The second s...
</div>
<a class='snippet-fade r-snippet-fade hidden' href='https://rcoastcode11.blogspot.com/2015/06/prolog-filter-list.html'></a>
</div>
</div>
</article>
</div>
</div>
</div></div>
</aside>
<!-- close sidebar-container -->
</div>
<!-- close centered-bottom -->
</div>
<!-- close centered -->
</div>
<!-- close page_body -->
<footer class='footer section' id='footer' name='Footer'><div class='widget Attribution' data-version='2' id='Attribution1'>
<div class='widget-content'>
<div class='blogger'>
<a href='https://draft.blogger.com' rel='nofollow'>
<svg class='svg-icon-24'>
<use xlink:href='/responsive/sprite_v1_6.css.svg#ic_post_blogger_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
</svg>
Powered by Blogger
</a>
</div>
</div>
</div></footer>
</div>
<script type="text/javascript" src="https://resources.blogblog.com/blogblog/data/res/1072348267-vegeclub_compiled.js" async="true"></script>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/648255196-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AKZvMzsJePI_cWjazcj1l7Xz7pZ8:1793787577366';_WidgetManager._Init('//draft.blogger.com/rearrange?blogID\x3d2690920166269571678','//rcoastcode11.blogspot.com/2014/07/javascript-mozilla-and-opera-doesn-work.html','2690920166269571678');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2690920166269571678', 'title': 'R coast', 'url': 'https://rcoastcode11.blogspot.com/2014/07/javascript-mozilla-and-opera-doesn-work.html', 'canonicalUrl': 'http://rcoastcode11.blogspot.com/2014/07/javascript-mozilla-and-opera-doesn-work.html', 'homepageUrl': 'https://rcoastcode11.blogspot.com/', 'searchUrl': 'https://rcoastcode11.blogspot.com/search', 'canonicalHomepageUrl': 'http://rcoastcode11.blogspot.com/', 'blogspotFaviconUrl': 'https://rcoastcode11.blogspot.com/favicon.ico', 'bloggerUrl': 'https://draft.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en-GB', 'localeUnderscoreDelimited': 'en_gb', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22R coast - Atom\x22 href\x3d\x22https://rcoastcode11.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22R coast - RSS\x22 href\x3d\x22https://rcoastcode11.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22R coast - Atom\x22 href\x3d\x22https://draft.blogger.com/feeds/2690920166269571678/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22R coast - Atom\x22 href\x3d\x22https://rcoastcode11.blogspot.com/feeds/6522654860899029106/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/81fe04f737c01f87', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en_GB\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '6522654860899029106', 'pageName': 'javascript - Mozilla and Opera \x26#39;background-size:cover\x26#39; doesn\x26#39;t work -', 'pageTitle': 'R coast: javascript - Mozilla and Opera \x26#39;background-size:cover\x26#39; doesn\x26#39;t work -'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard', 'ok': 'Ok', 'postLink': 'Post link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'javascript - Mozilla and Opera \x26#39;background-size:cover\x26#39; doesn\x26#39;t work -', 'description': '    I am creating a site with a background image slider, where the images cover 100% width and height of a div element Where they have to be...', 'url': 'https://rcoastcode11.blogspot.com/2014/07/javascript-mozilla-and-opera-doesn-work.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6522654860899029106}}, {'name': 'widgets', 'data': [{'title': 'R coast (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Search This Blog', 'type': 'BlogSearch', 'sectionId': 'search_top', 'id': 'BlogSearch1'}, {'title': '', 'type': 'FeaturedPost', 'sectionId': 'featured_post', 'id': 'FeaturedPost1', 'postId': '8648832620329114390'}, {'title': '', 'type': 'HTML', 'sectionId': 'page_body', 'id': 'HTML1'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'page_body', 'id': 'Blog1', 'posts': [{'id': '6522654860899029106', 'title': 'javascript - Mozilla and Opera \x26#39;background-size:cover\x26#39; doesn\x26#39;t work -', 'showInlineAds': true}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Location:'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': ''}, {'name': 'location', 'label': 'Location:'}]}, {'title': 'About Me', 'type': 'Profile', 'sectionId': 'sidebar_feed', 'id': 'Profile1'}, {'title': '', 'type': 'BlogArchive', 'sectionId': 'sidebar_feed', 'id': 'BlogArchive1'}, {'title': '', 'type': 'ReportAbuse', 'sectionId': 'sidebar_feed', 'id': 'ReportAbuse1'}, {'title': '', 'type': 'PopularPosts', 'sectionId': 'sidebar_item', 'id': 'PopularPosts1', 'posts': [{'title': 'php - offsetting hash by 28px to accommodate admin bar for logged in\nWordpress users -', 'id': 8629724648534772677}, {'title': 'c - Separating fscanf error checking so I can deliver specific message?\n-', 'id': 8118678849069827674}, {'title': 'Prolog - Filter List -', 'id': 8340006608456374029}]}, {'type': 'Attribution', 'sectionId': 'footer', 'id': 'Attribution1'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'search_top', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'featured_post', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'page_body', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'page_body', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3474688214-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar_feed', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar_feed', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'sidebar_feed', document.getElementById('ReportAbuse1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar_item', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer', document.getElementById('Attribution1'), {}, 'displayModeFull'));
</script>
</body>
</html>