Skip to content

Instantly share code, notes, and snippets.

@aesqe
Last active February 27, 2016 20:55
Show Gist options
  • Save aesqe/2c6f379bcfc57ed8c38e to your computer and use it in GitHub Desktop.
Save aesqe/2c6f379bcfc57ed8c38e to your computer and use it in GitHub Desktop.
CSS stuff that's safe to use in all IE9+ browsers

calc()
rem
multiple backgrounds
svg
background-clip, background-origin, background-size
background-position: right 5px bottom 5px;
min/max-width/height
position: fixed
::before, ::after { content: attr(title) }

2d transforms
counter-reset, counter-increment
box-shadow
box-sizing
border-radius
rgba
media queries
opacity
word-wrap
currentColor: a{color: #FFF; border-color: currentColor;}
text-overflow: ellipsis

cursor: none, context-menu, cell, vertical-text, alias, copy, no-drop, not-allowed, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll

::first-letter
::selection

[foo^="bar"], [foo$="bar"], [foo*="bar"], :root, :nth-child(), :nth-last-child(), nth-of-type, nth-last-of-type(), :last-child, :first-of-type, :last-of-type, :only-child, :only-of-type, :empty, :target, :enabled, :disabled, :checked, :not(), ~ (general sibling), + (sibling)

writing-mode: https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode
image-render: http://caniuse.com/#feat=css-crisp-edges

vw, vh, vmin, vmax

  • IE9: vm instead of vmin
  • IE10+: no support for vmax

IE10+:

  • animations
  • transitions
  • text-shadow
  • gradients
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment