StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
11237927
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-06-28T04:05:50.103
FavoriteCount
0
LastActivityDate
2012-06-28T04:05:50.103
LastEditDate
2017-05-23T12:00:53.190
LastEditorUserId
-1
OwnerUserId
903010
ParentId
8828767
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
A quick note on the :before and :after selectors in IE8: for them to work you need to declare a DOCTYPE. See <a href="http://www.w3schools.com/cssref/sel_after.asp" rel="nofollow noreferrer">this W3Schools page</a>. I am guessing you have already done this though. See the answer <a href="https://stackoverflow.com/questions/5540177/ie8-z-index-on-before-and-after-css-selectors">to this question</a> if you haven't already (I think you probably have). Basically, the bottom line is that it's a bug. Your solution of using a <code>z-index</code> of -1 is not ideal, but then again NO work around for the bug is going to be ideal. I don't think that using a z-index of -1 is something to be overly concerned about, unless it causes issues in your layout. If you are very concerned, then why don't you ONLY target IE8 w/ the fix. For example, you could use a conditional comment like so: <pre><code> </code></pre> Behaviors like the one you are experiencing is one of the reasons many developers despise IE. In many cases, including this one, there is no perfect solution. You could: <ol> <li>stop using the <code>:before</code> and <code>:after</code> selectors & adjust your HTML/CSS to something that is IE8-friendly.</li> <li>Use conditional comments or JavaScript to issue a fix that specifically targets IE8</li> <li>Keep hacking and try to find another HTML/CSS combo that works -- but chances are it won't be any more ideal than your negative <code>z-index</code> solution.</li> </ol> Unfortunately, in many cases there is no such thing as a "semantically correct" cross-browser website. My two cents is to create an IE8 stylesheet and use the conditional comment I displayed above to load the stylesheet. Within the stylesheet, use the <code>z-index: -1</code> solution you came up with. Many websites use IE-targeted stylesheets.
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POz-index IE8 bug on generated content with :after
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. USMichael Frederick
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. This table or related slice is empty.

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.