leeking001

UX Internet Travel Other About me
leeking001
博客
微博
照片
电影
白社会
Facebook
Twitter
Linkedin
Google+

当设置页面锚点出现问题时……

2008-06-13 by leeking001 | 用户体验 | 评论(6)

当你的网页太长太长,浏览者不能很方便的找到他需要找的东西,为每个段落标题或关键点设置锚点就是很好的办法了,通常我们可以需要html部分写上一个<a name=”a”>或者<a id=”a”>的标签,这样锚点就设好了,很简单,但是有时候它们也会出现问题:

1、当你的外层容器样式有overflow:hidden属性的时候,浏览器会将这个容器当成一个页面来看待,点击后,会将容器上移到再外层的容器之外,由于超过的部分被隐藏,所以造成页面变形。这个问题在Firefox和IE下都有,是bug还是规则,我也不清楚……

2、IE6的一个问题,很多朋友会用<a name=”a”></a>这样的空标签来做锚点,但是IE6(也只有IE6)不认这种空标签,所以锚点不生效,必须要在中间加一个&nbsp;空格来占位。

以上两点都是在具体操作的时候碰到的,记录下来备个案,给G老师和B老师提供点素材~

6 条评论

  • 2008.06.17 04:17,MattWang 发表评论:

    G老师和B老师是谁啊?

    【回复】
    • 2008.06.17 04:19,MattWang 发表评论:

      建议做个Demo上来

      【回复】
      • 2008.06.17 09:13,leeking001 发表评论:

        :em09: Google和Baidu啊,o(∩_∩)o…哈哈

        【回复】
        • 2008.10.14 07:39,GloomySunday 发表评论:

          我也遇到了和你一样的问题,在百度找了很多天都没找到答案,如果你有更好的答案请发EMAIL给我,谢谢!

          albert_ljj1988@163.com

          【回复】
          • 2009.09.06 16:55,ash 发表评论:

            去掉overflow 问题依旧……

            请教该如何规避此问题

            【回复】
            • 2014.01.16 16:23,ff下 锚点和 overflow:hidden 产生的问题 - web前端 - 开发者第1120789个问答 发表评论:

              […] http://www.leeking001.com/?p=95 回复: 去除overflow:hidden就可以了, 不过出现了其他问题!! 回复: 不明白楼主啥意思。 二楼的强!! 很少见的无js的选项卡,收藏了。 回复: […]

              【回复】
              (Required)
              (Required, will not be published)

              最近评论

              • 大家好! 你听说过X-GPT Writer:基于ChatGPT神经网络的独特关键字内容生成器吗? 我也没有,直到我被建议使用这个软件自动执行常规任务,我想说一件事! 然后我不敢相信 很长一段时间,如果在x-GPT Writer的控制下同时在流媒体中使用,ChatGPT就是如此强大的产品。 我以为它只是一个实用程序,它很便宜,一个朋友给了一张40%折扣的优惠券%: 94EB516BCF484B27 在哪里输入它的详细信息在网站上注明: https://www.xtranslator.ru/x-gpt-writer/ 我开始尝试,深入研究它,以低价购买了50个ChatGPT帐户,它开始了! 现在我每周轻松生成和启动3-4个新站点,批量统一整个文件夹,甚至创建图像 使用ChatGPT神经网络和X-GPT编写器。 值得一试,朋友们,有一个演示,一切都是免费的,你不会后悔的) 祝你好运! [url=https://www.xtranslator.ru/x-gpt-writer]使用ChatGPT自动创建文本 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]基于ChatGPT的文本同义词器 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]具有ChatGPT的同义词生成器 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]使用基于ChatGPT的同义词器的独特内容 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]ChatGPT和X-GPTWriter:内容营销的新时代 [/url] Синонимайзер текста на основе ChatGPT Покупка X-GPTWriter: лучшие предложения и скидки синонимайзер текста на базе ChatGPT ChatGPT и создание качественного контента Секреты создания контента с ChatGPT
              • 向新力運動彩券行 https://1688bet.tw/
              • 滿天星娛樂城 https://star168.tw/
              • 你好! 你听说过X-GPT Writer:基于ChatGPT神经网络的独特关键字内容生成器吗? 我也没有,直到我被建议使用这个软件自动执行常规任务,我想说一件事! 然后我不敢相信 很长一段时间,如果在x-GPT Writer的控制下同时在流媒体中使用,ChatGPT就是如此强大的产品。 我以为它只是一个实用程序,它很便宜,一个朋友给了一张40%折扣的优惠券%: 94EB516BCF484B27 在哪里输入它的详细信息在网站上注明: https://www.xtranslator.ru/x-gpt-writer/ 我开始尝试,深入研究它,以低价购买了50个ChatGPT帐户,它开始了! 现在我每周轻松生成和启动3-4个新站点,批量统一整个文件夹,甚至创建图像 使用ChatGPT神经网络和X-GPT编写器。 值得一试,朋友们,有一个演示,一切都是免费的,你不会后悔的) 祝你好运! [url=https://www.xtranslator.ru/x-gpt-writer]与X-GPTWriter和ChatGPT同义词文本 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]基于ChatGPT的文本同义词器 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]通过ChatGPT进行文本统一 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]独特的文本与ChatGPT和X-GPTWriter [/url] [url=https://www.xtranslator.ru/x-gpt-writer]具有ChatGPT的同义词生成器 [/url] X-GPTWriter и SEO: путь к успешной оптимизации X-GPTWriter: купоны и акции на скидки Легкий способ создавать контент с X-GPTWriter ChatGPT для уникального исходного контента Как получить скидку на X-GPTWriter
              • 早上好! 你听说过X-GPT Writer:基于ChatGPT神经网络的独特关键字内容生成器吗? 我也没有,直到我被建议用这个软件自动执行常规任务,我想说一件事! 然后我不敢相信 很长一段时间,如果在x-GPT Writer的控制下同时在流媒体中使用,ChatGPT就是如此强大的产品。 我以为它只是一个实用程序,它很便宜,一个朋友给了一张40%折扣的优惠券%: 94EB516BCF484B27 在哪里输入它的详细信息在网站上注明: https://www.xtranslator.ru/x-gpt-writer/ 我开始尝试,深入研究它,以低价购买了50个ChatGPT帐户,它开始了! 现在我每周轻松生成和启动3-4个新站点,批量统一整个文件夹,甚至创建图像 使用ChatGPT神经网络和X-GPT编写器。 值得一试,朋友们,有一个演示,一切都是免费的,你不会后悔的) 祝你好运! [url=https://www.xtranslator.ru/x-gpt-writer]如何使用ChatGPT使文本更独特 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]ChatGPT内容创建程序 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]聊天和创建高质量的内容 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]ChatGPT如何帮助创建独特的文本 [/url] [url=https://www.xtranslator.ru/x-gpt-writer]使用X-GPTWriter创建内容 [/url] ChatGPT и X-GPTWriter для уникальных текстов ChatGPT в качестве синонимайзера текста ChatGPT и X-GPTWriter: инструменты для улучшения уникальности текста Эффективное использование ChatGPT для контент-стратегии X-GPTWriter купоны на скидку
              • 水微晶玻尿酸 - 八千代 https://yachiyo.com.tw/hyadermissmile-injection/
              • N級品 ブランドコピーブランド時計専門店 当店は主に経営する商品:ロレックスコピー時計、シャネルコピー時計、オメガコピー時計、ウブロコピー時計など。 当店の商品は絶対の自信が御座います。 各種海外有名ブランド品を豊富に取り揃え、 しかもお客様を第一と考えて、驚きの低価格で提供しております。 高品質な商品を超格安価格で、安心、迅速、確実。 商品の到着は入金から最速3日で来ます、遅くとも入金後5日程度で確実に届きますよ。 送料は無料です(日本全国) 4-6日にきっと引き渡す。 税関没収する商品は再度無料で発送します。 ルイヴィトン ショルダーバッグ スーパーコピー 時計 https://www.wellwatchs.com/goods-copy-1819.html
              • 商品が来るのはとても早かったです。しっかり梱包されていました。 迷っていたので、今思えばお電話してご相談させていただけばよかったかなと思ってます。またお買い物するときはよろしくお願いします。 【送料無料】カルティエ リングをセール価格で販売中♪カルティエ リング Cドゥ パヴェダイヤ WG ホワイトゴールド 9号 新品 指輪 Cartier ルイヴィトン 小銭入れ スーパーコピー https://www.wellwatchs.com/goods-copy-7676.html
              • ヴィトンコピーバッグ ルイヴィトンブランドコピーバッグ モノグラム対応 激安 安心通販 大人気のルイヴィトンブランドコピーバッグの種類ご紹介です! 弊社のルイヴィトンモノグラムバッグブランドコピー品は生産工場から直接仕入れます から! だから安いです。 本舗は専門のブランド コピー品小売屋でございます, よろしくお願い 申し上げます。 スーパーコピー エルメス バングル メンズ https://www.wellwatchs.com/goods-copy-3947.html
              • 商品の品番と掲載されている画像が違うような気がして心配だった為、電話にて問い合わせを致しましたが、とても丁寧にご対応していただき安心して購入する事ができました。ずっと探していたものが購入でき、お品物の状態もとても良く大変満足しています。 【送料無料】コーチ ハンドバッグをセール価格で販売中♪コーチ ハンドバッグ レガシーミニタナー 2WAYバッグ 48894 カーフ ブラック 新品 黒 レザー 革 ショルダー コーチ 想像どおり。 ネットの画像と変わりなく想像どおりのお品物で満足しています。 スーパーコピー レイバン laramie

              最近文章

              • Moto 360:一块安静的美电子表~
              • 微博(NASDAQ:WB) 新的开始!
              • 升/不升?烧/不烧?
              • Bubble Football In UDC
              • 莱州的海
              • 祭爱犬亮亮(2004.12-2013.7)
              • 为信息设计
              • 乔帮主,一路走好~
              • 更效率的信息设计
              • 电影
              © 2023 Leeking001 . Ported to Wordpress . Designed by Leeking001 . Powered by SAE . 京ICP备18021289号