Skip to content

Instantly share code, notes, and snippets.

@RachelRVasquez
Created July 1, 2016 01:41
Show Gist options
  • Save RachelRVasquez/21cf540500cb07c2f4d563219a5b0d0b to your computer and use it in GitHub Desktop.
Save RachelRVasquez/21cf540500cb07c2f4d563219a5b0d0b to your computer and use it in GitHub Desktop.
Object-fit polyfill markup w/ conditionals
<!-- Possibility for IE and object-fit markup w/o Polyfill -->
<div class="card">
<div class="card-content-wrapper">
<div class="card-hero-block-left">
<!--[if IE]>
<div class="ds-card-hero-bg" style="background-image: url('http://placehold.it/780x480/777777/ffffff?text=Image+Cap');">
<![endif]-->
<img src="http://placehold.it/780x480/777777/ffffff?text=Image+Cap"/>
<!--[if IE]>
</div>
<![endif]-->
</div>
<div class="card-hero-block-right">
<!-- content goes here-->
</div>
</div><!-- card-content-wrapper -->
</div><!-- card -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment