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

placeholder（プレースホルダー）のCSS

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

no image

何番目系CSS

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

no image

CSSジェネレータ

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

no image

蛍光ペン効果

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

no image

Youtubeのレスポンシブ対応

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

PREV
.htaccessにてwwwに統一、かつhttps化
NEXT
何番目系CSS