解決策の 1 つは、browser_jquery の下部に画像を配置することです。

WBOY
リリース: 2016-05-16 17:58:59
オリジナル
1562 人が閲覧しました

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 コアのものはテストされていませんが、間違いなく動作します。
コードがさらに合理化されることを楽しみにしています。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!