GRAPHIE ヘッダーのサイトタイトル画像にマウスをもっていくと、画像がシャープになる効果をOFFにしたい。

[hasegawa]

いつもお世話になっております。
GRAPHIE（バージョン1.0.4.2）を使用しております。

タイトルの通りなのですが、
御社のデモサイト（http://demo.dptheme.net/dp9/）の左上のGRAPHIEという画像にも適用されている、
マウスを持っていた際に画像がシャープになる効果をOFFにしたいのですがどうすればよろしいでしょうか？

お手数をおかけしますがよろしくお願いいたします。

[DigiPress サポート]

これはMacのRetinaディスプレイ端末にて、画像をホバーした際に画像がぼやけるRetina特有の表示不具合に対する専用の対策(-webkit-transform: translateZ(none);)です。

ご自身の閲覧環境を基準にされることになるため、絶対的におすすめしませんが、この対策を無効にする場合は以下をオリジナルスタイルシート設定に追加してください。

a img {
    -webkit-transform:none;
}

参考
http://creativeandcode.com/fix-css-filters-creating-blurry-images-on-retina/
http://matthewhappen.com/fixing-css3-filter-blur-on-retina-displays/
http://geoffmuskett.com/fix-for-greyscale-filter-causing-blurring-on-retina-screens/

[hasegawa]

無効に関しては再度検討したいと思います。
迅速なご返信、ありがとうございました。

[投稿者]

投稿