{"id":14293,"date":"2011-09-06T20:38:37","date_gmt":"2011-09-07T03:38:37","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=14293"},"modified":"2011-09-06T20:38:37","modified_gmt":"2011-09-07T03:38:37","slug":"z","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/almanac\/selectors\/z\/","title":{"rendered":"Z"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1036,"featured_media":0,"parent":13708,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-almanac-group.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":14142,"url":"https:\/\/css-tricks.com\/almanac\/properties\/z\/z-index\/","url_meta":{"origin":14293,"position":0},"title":"z-index","date":"September 6, 2011","format":false,"excerpt":"div { z-index: 1; \/* integer *\/ } The z-index property in CSS controls the vertical stacking order of elements that overlap. As in, which one appears as if it is physically closer to you. z-index only affects elements that have a position value other than static (the default). Elements\u2026","rel":"","context":"With 53 comments","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2011\/09\/context.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":3880,"url":"https:\/\/css-tricks.com\/snippets\/jquery\/password-strength\/","url_meta":{"origin":14293,"position":1},"title":"Password Strength","date":"September 5, 2009","format":false,"excerpt":"$('#pass').keyup(function(e) { var strongRegex = new RegExp(\"^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\\\W).*$\", \"g\"); var mediumRegex = new RegExp(\"^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$\", \"g\"); var enoughRegex = new RegExp(\"(?=.{6,}).*\", \"g\"); if (false == enoughRegex.test($(this).val())) { $('#passstrength').html('More Characters'); } else if (strongRegex.test($(this).val())) { $('#passstrength').className = 'ok'; $('#passstrength').html('Strong!'); } else if (mediumRegex.test($(this).val())) { $('#passstrength').className = 'alert'; $('#passstrength').html('Medium!'); } else { $('#passstrength').className =\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4480,"url":"https:\/\/css-tricks.com\/snippets\/jquery\/fixing-ie-z-index\/","url_meta":{"origin":14293,"position":2},"title":"Fixing IE z-index","date":"October 22, 2009","format":false,"excerpt":"This isn't an end-all-be-all solution to fixing all weird IE z-index issues, but it certainly can help in some circumstances. What it does is loop through each of the elements that you declare and apply ever-declining z-index values on them. IE gets this backwards, and this sets it correctly. The\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3677,"url":"https:\/\/css-tricks.com\/snippets\/php\/automatic-mailto-links\/","url_meta":{"origin":14293,"position":3},"title":"Automatic Mailto Links","date":"September 3, 2009","format":false,"excerpt":"$string = eregi_replace('([_\\.0-9a-z-]+@([0-9a-z][0-9a-z-]+\\.)+[a-z]{2,3})','\\\\1', $text); echo $string;","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1285,"url":"https:\/\/css-tricks.com\/video-screencasts\/40-how-z-index-works\/","url_meta":{"origin":14293,"position":4},"title":"#40: How z-index Works","date":"January 10, 2009","format":false,"excerpt":"Z-index can be a little confusing sometimes. In this screencast I attempt to explain how it works, how it's tied to positioning, some quirks, and some general advice.","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":13961,"url":"https:\/\/css-tricks.com\/almanac\/properties\/z\/","url_meta":{"origin":14293,"position":5},"title":"Z","date":"August 31, 2011","format":false,"excerpt":"","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/14293"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/1036"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=14293"}],"version-history":[{"count":1,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/14293\/revisions"}],"predecessor-version":[{"id":14294,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/14293\/revisions\/14294"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13708"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=14293"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=14293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}