StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
5662662
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-04-14T11:41:31.110
FavoriteCount
0
LastActivityDate
2011-04-14T13:23:50.727
LastEditDate
2011-04-14T13:23:50.727
LastEditorUserId
352765
OwnerUserId
352765
ParentId
5662178
PostTypeId
2
Score
200
ViewCount
0
LastEditorDisplayName
text
Body
The <code>opacity</code> style affects the whole element and everything within it. The correct answer to this is to use an rgba background colour instead. The CSS is fairly simple: <pre><code>.myelement { background: rgba(200, 54, 54, 0.5); } </code></pre> ...where the first three numbers are the red, green and blue values for your background colour, and the fourth is the 'alpha' channel value, which works the same way as the <code>opacity</code> value. See this page for more info: <a href="http://css-tricks.com/rgba-browser-support/">http://css-tricks.com/rgba-browser-support/</a> The down-side, is that this doesn't work in IE8 or lower. The page I linked above also lists a few other browsers it doesn't work in, but they're all very old by now; all browsers in current use except IE6/7/8 will work with rgba colours. The good news is that you can force IE to work with this as well, using a hack called <a href="http://css3pie.com/">CSS3Pie</a>. CSS3Pie adds a number of modern CSS3 features to older versions of IE, including rgba background colours. To use CSS3Pie for backgrounds, you need to add a specific <code>-pie-background</code> declaration to your CSS, as well as the PIE <code>behavior</code> style, so your stylesheet would end up looking like this: <pre><code>.myelement { background: rgba(200, 54, 54, 0.5); -pie-background: rgba(200, 54, 54, 0.5); behavior: url(PIE.htc); } </code></pre> Hope that helps. [EDIT] For what it's worth, as others have mentioned, you can use IE's <code>filter</code> style, with the <code>gradient</code> keyword. The CSS3Pie solution does actually use this same technique behind the scenes, but removes the need for you to mess around directly with IE's filters, so your stylesheets are much cleaner. (it also adds a whole bunch of other nice features too, but that's not relevant to this discussion)
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POOpacity of div's background without affecting contained element in IE 8?
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USSpudley
UserOwnerUserId
1. USSpudley
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POOpacity of div's background without affecting contained element in IE 8?
 singulars
 PostTypePostTypeId
 PTQuestion
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
2. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTAcceptedByOriginator
3. 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.