Allow the background element in the #page-heading:before pseudo-eleme…

…nt to be preloaded. Fixes #1.
mrinalini · Mar 13, 2013 · 49a7409 · 49a7409
1 parent f5dd2f8
commit 49a7409
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/_layouts/content.html b/_layouts/content.html
@@ -51,6 +51,9 @@ <h2>{{ site.subtitle}}</h2>
     <div class="clearfix"></div>
     <div id="content" role="main">
       <div id="page-heading" class="bg-img">
+        <!-- This is a hack to allow the bg-img present in the :after pseudo-element to be used in the imageLoaded plugin. -->
+        <div id="page-heading-after" class="hidden bg-img"></div>
+
         {{ page.title }}
       </div>
       <br />

diff --git a/css/main.css b/css/main.css
@@ -262,6 +262,11 @@ blockquote {
   height: 28px;
 }
 
+#page-heading-after {
+  background: url('../img/coraltexturefade.png') no-repeat; 
+}
+
+
 #page-heading:after {
   opacity: 0.93;
   content: ' ';