Databases
StackOverflow2013
Postsdbo
POHTML5, CSS background-image display problem in IE
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHTML5, CSS background-image display problem in IE
    primarykey
    data
    text
    <p>I have scoured the stack-overflow quite a bit, and all solutions relevant to this aren't fixing my problem.</p> <p>So I've been trying to load a background-image onto the figure element. This works in firefox, chrome, opera, and safari...but of course IE9/8/7 is messing with my head.</p> <pre><code>&lt;figure id="mainlogo"&gt; &lt;/figure&gt; </code></pre> <p>with the styles of</p> <pre><code>figure#mainlogo { background: url(../images/logocrop.png) no-repeat center; } </code></pre> <p>I have tried using a div instead of a figure, setting it as display block, getting rid of the id, and almost everything I can find on the net. Additionally, I've tried separating it out into the separated css styles of background-color, background-image, etc. </p> <p>I didn't post the rest of the code because this doesn't work even when I separate it out into a separate html file with an inline style it still doesn't show up</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;figure style="background: url(../images/logocrop.png) no-repeat center; height:40em; width:55em;"&gt;&lt;/figure&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I've also tried the other doctypes just to make sure it wasn't that either. When I set a background color ahead of it, it the color will show. Anyhow, i have a feeling that this is going to wind up being something fairly obvious and/or easy...Thanks in advance and sorry for the pestering if it's been figured out.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJP Silvashy
    1. USJ Cole Morrison
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COdid you force IE to recognize the figure element by creating one with document.createElement("figure") first?
      singulars
      1. POHTML5, CSS background-image display problem in IE
      1. USscrappedcola
    2. COThanks for the response scrappedcola! But, even when I switch out figure with div it doesn't display
      singulars
      1. POHTML5, CSS background-image display problem in IE
      1. USJ Cole Morrison
    3. COsilly question but when you changed figure to a div did you change the css to target a div?
      singulars
      1. POHTML5, CSS background-image display problem in IE
      1. USscrappedcola
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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