Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS Background Image Won't Work on Chrome
    text
    copied!<p>I have problem with CSS background in Chrome, the image won't show up. It is work on Firefox, even IE, but not Chrome.</p> <p>Here is my HTML code</p> <pre><code>&lt;div id="1181" class="archieve_thumb" style="width:98px; height:120px; border:1px solid #b0b0b0;"&gt; &lt;div class="archieve_thumb_img" style="width:19px; height:117px; padding:3px 0 0 79px; margin:0; background:url('/filesPreview/mini_1_z2KFeeUjy9.jpg'); border:0;"&gt; &lt;span class="archieve_thumb_delete"&gt;&lt;a id="delete" href="delete.php?pageID=1181"&gt;&lt;img src="http://myedisi.ursabyte.com/styles/img/icon_delete.png"/&gt;&lt;/a&gt;&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Am I using the wrong doctype?</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; </code></pre> <p>Here is the screenshot on Chrome and Firefox</p> <p><img src="https://i.stack.imgur.com/uDmaU.png" alt="Chrome"> <img src="https://i.stack.imgur.com/fr4CH.png" alt="Firefox"></p> <h3>UPDATE</h3> <p>This is weird, I inspect the html using Chrome Developer Tool, and this is what I got.</p> <p><img src="https://i.stack.imgur.com/yBqMI.png" alt="Weird HTML"></p> <p>It seems my code is unreachable, as you can see, there is no child element on archieve_thumb element</p> <p>P.S : I am just rewriting old code, not my code actually.</p> <h3>UPDATE</h3> <p>I am sorry guys, its because of the javascript, nothing related to css. I am sorry for the inconvenience. A bit weird javascript behaviour though, on Chrome.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload