Why is z-index ignored with position:static?

Because position: static means “Ignore all the positioning instructions from left, top, z-index, etc.”. ‘z-index’ Value: auto | <integer> | inherit Initial: auto Applies to: positioned elements — http://www.w3.org/TR/CSS21/visuren.html#z-index An element is said to be positioned if its ‘position’ property has a value other than ‘static’. — http://www.w3.org/TR/CSS21/visuren.html#positioned-element

Printing a web page using just url and without opening new window?

You can do this using a hidden iFrame (I’m using jquery for the example): function loadOtherPage() { $(“<iframe>”) // create a new iframe element .hide() // make it invisible .attr(“src”, “/url/to/page/to/print”) // point the iframe to the page you want to print .appendTo(“body”); // add iframe to the DOM to cause it to load the … Read more

how to serve html files in nginx without showing the extension in this alias setup

Apparently alias and try_files don’t work together. However, I don’t think you need to use alias. location /mr { default_type “text/html”; try_files /fullpath/$uri /fullpath/$uri.html /fullpath/$uri/index.html /fullpath/index.html; } Which would try: Exact file. File with .html added. Index in the path. Default index. I think the root directive does work with try files but am unable … Read more

TD background color causing borders to disappear

I just came upon this problem myself, but I didn’t like the solution presented here, so I kept googling. I found this answer: https://stackoverflow.com/a/16337203/1156476 Here, a simple addition to the table cell fixes the borders: table td { border: 1px solid #000; border-collapse: collapse; margin: 0; padding: 4px; position: relative; background-clip: padding-box; /* Add this … Read more

Why isn’t object-fit working in flexbox?

From the specification: The object-fit property specifies how the contents of a replaced element should be fitted to the box established by its used height and width. The key term being: fitted to the box established by its used height and width The image gets replaced, not its container. And the box established by its … Read more

Vimeo Video Player in HTML5

This Vimeo doc might help. This is working for us: You need a Vimeo Pro account. Get the video link from the Distribution tab when looking at the video settings in Vimeo: Add the video link to your HTML5 video tag: <video width=”320″ height=”240″ controls> <source type=”video/mp4″ src=”https://player.vimeo.com/external/*.hd.mp4?s=*&profile_id=*”> </video>