css

IE11で背景にSVG画像、background-positionが効かない

投稿日:

SVGタグに「preserveAspectRatio=”xMinYMid”」

ただしケースによって以下に変更する必要がある。

  • xMinYMin
  • xMidYMin
  • xMaxYMin
  • xMinYMid
  • xMidYMid
  • xMaxYMid
  • xMinYMax
  • xMidYMax
  • xMaxYMax

「backgroud-position: center top」の場合「 preserveAspectRatio=”xMidYMin” 」で行けたとの報告有。

IE11で背景にSVG画像を使用すると、background-positionが効かない問題の対処法

 

-css
-

関連記事

no image

CSSジェネレータ

引用 いろいろ http://photoshopvip.net/123398 グラデーションジェネレータ Ultimate CSS Gradient Generator box-shadowジェネレー …

no image

CSS値の「initial」「inherit」「unset」「revert」の違い

CSSフレームワークを使用する際に、特定のstyleを消したい時。 急ぎ(障害対応等)でstyleを設定したい、かつ複数のセレクタが入り混じって何だか分からない時に、一旦styleを消してしまいたい時 …

no image

placeholder(プレースホルダー)のCSS

:placeholder-shown { color: #CCCCCC;padding-top: 4px !important; } /* Google Chrome, Safari, Opera 1 …

no image

Flexboxについてまとめ

引用 日本語対応!CSS Flexboxのチートシートを作ったので配布します Flexboxの古い仕様とベンダープレフィックスまとめ

no image

何番目系CSS

種類 -child -of-type 最初 :first-child :first-of-type 最後 :last-child :last-of-type n番目 :nth-child(n) :nt …