STINGER専用シンプルデザイン子テーマ「SIMPLESTER 」

あなたのSTINGERを美しくしてみませんか?

ChromeでTOP記事一覧のアイコン崩れの対処法

   

https---www.pakutaso.com-assets_c-2015-06-PAK75_nantekottabag20141123110853-thumb-1000xauto-17878

 

SIMPLESTER Ver5にてChromeで表示した時に表示崩れが発生しているようなのでその修正方法をご紹介します。

発生している表示崩れは今月始めにバージョンアップが提供されたChrome(46.0.2490.13)。

表示崩れ場所はTOPページの記事一覧画面にてホバーした際に表示されるアイコンです。

本来なら綺麗にアイコンが点滅されますが、表示崩れが発生した状況ではアイコンが別要素の裏側に隠れてしまう状態になってしまいます。

修正方法

修正方法は2通りあります。いずれも3分で出来るので簡単です。

①新しくDLし直す

1番簡単な方法です。新しくダウンロードし直すと表示崩れに対応することが出来ます。

SIMPLESTERダウンロードページ

②CSSファイルの編集をする

まずSIMPLESTERのCSS編集画面を開き下記テキストを検索します。

/*index 周り
——————–*/

後は#topnews dlのプロパティのposition:relative;を削除します。

これで表示崩れを対応することが出来ます。

 - Ver5 ,