2015/02/24

【jQuery】bxSliderでIE7の時だけ画像が右にズレてしまう

【jQuery】bxSliderでIE7の時だけ画像が右にズレてしまう

IE TesterのIE7でスライダー画像が右にズレてしまい直すのにすごく苦戦していました。。
調べてみると同じ現象が起こっている人がいて、解決策を書いてくださっておりました!!

以下解決方法まとめ!※バージョン4.1.2
(ただjquery.bxslider.cssの.bx-viewportにtext-align: left;を追加するだけw)

.bx-wrapper .bx-viewport {
	text-align: left;/* 追加 */
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

他のブラウザへの影響もなく正しく動作しました!



【プラグインサイト】
bxSlider

【参考サイト】
bxSliderで画像の位置が右にズレる場合の対処法:メモ | webutubutu

Related Posts関連記事