ホームページ >ウェブフロントエンド >htmlチュートリアル >トップコードに戻る問題については、IE6 ではサポートされていないため、専門家に解決していただければ幸いです。_html/css_WEB-ITnose

トップコードに戻る問題については、IE6 ではサポートされていないため、専門家に解決していただければ幸いです。_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:13:031065ブラウズ

htmlコード

<html><head><script type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><link rel="stylesheet" type="text/css" media="all" href="1.css" /></head><body><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div style="display:none;" class="back-to" id="toolBackTop"><a title="返回顶部" href="#top" class="back-top">返回顶部</a></div><!--top start--><script type="text/javascript">$(document).ready(function () {        var bt = $('#toolBackTop');        var sw = $(document.body)[0].clientWidth;        var limitsw = (sw - 880) / 2 - 91;        if (limitsw > 0){                limitsw = parseInt(limitsw);                bt.css("right",limitsw);        }        $(window).scroll(function() {                var st = $(window).scrollTop();                if(st > 30){                        bt.show();                }else{                        bt.hide();                }        });		 $("#toolBackTop").click(function () {                   $('body,html').animate({ scrollTop: '0px'}, 1000);                   return false;               });})</script><!--top end--></body></html>


cssコード
.back-to {	bottom: 35px;	overflow: hidden;	position: fixed;	right: 10px;	width: 110px;	z-index: 999;}.back-to .back-top {	background: url("back-top.png") no-repeat scroll 0 0 transparent;	display: block;	float: right;	height: 50px;	margin-left: 10px;	outline: 0 none;	text-indent: -9999em;	width: 50px;}.back-to .back-top:hover {	background-position: -50px 0}


がIE6ではずれて表示され、IE8では実際の位置と違う!コードを解決するのを手伝ってください。皆さん、ありがとうございます


ディスカッション (解決策) に返信

IE ではフローティングできません!

誰も分かりませんか?

IE6 で、position:fixed; が無効になる問題を JS で解決する方法

3 階の回答からの引用:
position:fixed; が IE6 で無効であるという問題を JS を使って解決する方法


IE6 は js を使用して実装します

リファレンス

HTML コード
<%@ Page Language="C# " %> ;
独自の方法で解決しました ! ただし、ご回答ありがとうございます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。