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

テーブルジェネレータ

excelからtableタグ作成 https://www.tablesgenerator.com/html_tables  

no image

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

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

no image

蛍光ペン効果

 background:linear-gradient(transparent 60%, #ff6 60%);

no image

CSSジェネレータ

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

no image

Youtubeのレスポンシブ対応

.movieはiframeを囲うdivなど .movie { position: relative; width: 100%; padding-top: 56.25%; } .movie iframe …