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://www.blogger.com/share-post.g?blogID=2690920166269571678&postID=6522654860899029106&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://www.blogger.com/share-post.g?blogID=2690920166269571678&postID=6522654860899029106&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://www.blogger.com/share-post.g?blogID=2690920166269571678&postID=6522654860899029106&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://www.blogger.com/share-post.g?blogID=2690920166269571678&postID=6522654860899029106&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://www.blogger.com/share-post.g?blogID=2690920166269571678&postID=6522654860899029106&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://www.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/2830521187-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
BLOG_CMT_createIframe('https://www.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/2012/02/c-which-is-fastest-algorthm-for.html'>c++ - Which is the fastest algorthm for selecting kth largest number in
an unsorted array containing non -unique elements? -</a></h3>
<div class='item-content'>
<div class='popular-posts-snippet snippet-container r-snippet-container'>
<div class='snippet-item r-snippetized'>
संभव डुप्लिकेट: तत्वों की संख्या 1 से 10 लाख तक भिन्न हो सकती है। इस उद्देश्य के लिए उपलब्ध सबसे तेज़ चयन एल्गोरिदम कौन सा है? कृपया ध्यान दें मुझे लगता है कि एवीएल पेड़ जैसी डेटा संरचनाएं सरणी तत्वों की दोहराव के कारण काम नहीं करेंगी? ए हे (एन) समय में चला सकता है। सरणी के माध्यम से एक पास बनाने का सबसे सामान्य तरीका है, अब तक के सबसे बड़े नंबरों को देखते हुए रखें। उस सूची के अंतिम तत्व लौटें @ चेसिया के रूप में std :: nth_element (दस्तावेज) इस दृष्टिकोण का उपयोग करने का सबसे तेज़ तरीका है। यदि आपको हमेशा सबसे ऊपर का सबसे बड़ा आइटम (और डेटा कभी-कभी बदल जाता है), फिर डेटा को एक में संग्रहीत करने पर विचार करें। यह अधिक महंगा है, लेकिन आपको डेटा की "लाइव" संरचना देता है।
</div>
<a class='snippet-fade r-snippet-fade hidden' href='https://rcoastcode11.blogspot.com/2012/02/c-which-is-fastest-algorthm-for.html'></a>
</div>
</div>
</article>
<article class='post' role='article'>
<h3 class='post-title'><a href='https://rcoastcode11.blogspot.com/2010/08/html-php-user-form-registration.html'>html - php user form registration -</a></h3>
<div class='item-content'>
<div class='popular-posts-snippet snippet-container r-snippet-container'>
<div class='snippet-item r-snippetized'>
I created a webpage. One page contains an html user registration form: & Lt; Form action = "internal / signup.php" method = "post" name = "signupform" id = "signupform" & gt; & Lt; Width of table = "444" range = "0" cell field = "6" & gt; & Lt; TR & gt; = "Fnam" & gt; First name: & lt; / Label & gt; & Lt; / Th & gt; For & lt; Th width = "98" align = "right" scope = "col" & gt; Label id = "fnamelabel" & lt; Th width = "286" align = "center" area = "kernel"> gt; & Lt; / Th & gt; & Lt; TD width = "34" align = "center" area = "colon"> gt; & Lt; Div id = "ll" & gt; & Lt; / Div & gt; & Lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th align = "true" field = "row" ...
</div>
<a class='snippet-fade r-snippet-fade hidden' href='https://rcoastcode11.blogspot.com/2010/08/html-php-user-form-registration.html'></a>
</div>
</div>
</article>
<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>
</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://www.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/692461283-vegeclub_compiled.js" async="true"></script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/387437488-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AEUoTZr98-zQamEKVVG_2eyz3F59:1781979984213';_WidgetManager._Init('//www.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://www.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://www.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/cd96ebb13b57568d', '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': 'c++ - Which is the fastest algorthm for selecting kth largest number in\nan unsorted array containing non -unique elements? -', 'id': 7131065646742115424}, {'title': 'html - php user form registration -', 'id': 2748240387177341669}, {'title': 'php - offsetting hash by 28px to accommodate admin bar for logged in\nWordpress users -', 'id': 8629724648534772677}]}, {'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/1793375781-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>