ホームページ > 記事 > ウェブフロントエンド > 解決策の 1 つは、browser_jquery の下部に画像を配置することです。
解決策の 1 つは、browser_jquery の下部に画像を配置することです。
- WBOYオリジナル
- 2016-05-16 17:58:591562ブラウズ
style="vertical-align:bottom;" は機能しませんでした。オンラインで検索して、コードを見つけましたが、コードが多すぎることが原因でした。散らかりすぎてテストする気にもなれません。
だから、自分で書いてください。
コードをコピー コードは次のとおりです。
$(function () {
if ($ .browser.msie || $.browser.mozilla || $.browser.opera) {//IE Firefox Opera およびその他のブラウザ
$(".productli img").each(function () {
var margin = 120 - $(this).height();
$(this).css("margin-top", margin "px");
}
if ($.browser.safari) {//Apple または Chrome ブラウザの場合
$(".productli img").load(function () {
var margin = 120 - $(this) .height( );
$(this).css("margin-top", margin "px");
}
}); >
テスト後、次のブラウザは合格しました
IE6、IE8、Chrome、Opear、FireFox、QQ Browser、360、Maxthon、Apple
Baidu およびその他の IE コアのものはテストされていませんが、間違いなく動作します。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。