`
qiezi
  • 浏览: 497250 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

网页界面的一点心得

阅读更多
这几天在折腾网页界面,其中有些要求位置、大小控制得比较精细,而且要在4个主流浏览器(IE, FF, Safari, Opera)上都一致。

经过测试,发现主要是border在IE和其它3个之间表现不一致。IE的border是往里面画的,这样就没有增加宽度,其它浏览器的border是往外画的。如果直接在一个图片上加border,结果大小就有偏差,最好的做法是不在图片上加,而在它外面套一个DIV,给这个DIV指定border即可,在几个浏览器上显示结果完全没有偏差。

outline应该是往外画的,但在opera上它会有一些不良影响,在IE上似乎根本没有使用这个属性,所以就不考虑它了。

另外一个要重点考虑的浏览器是Maxthon,基于IE内核,号称有几千万用户,我自己在windows上就用它。Maxthon有个超级拖拽功能,如果用脚本来拖拽一个图片,就可能和它的超级拖拽冲突,结果图片在一个新窗口中打开,这应该不是你想要的。解决办法有2个,1是在图片上面放一个一样大的DIV,定位有点麻烦;2是不用IMG,直接在DIV的背景图里指定这个图片,就不再有这个问题了。
分享到:
评论

相关推荐

    web开发人员工作心得

    ### Web开发人员工作心得:成长与挑战 #### 核心知识点提炼 1. **学习与适应:**在Web开发领域,技术更新迅速,持续学习至关重要。对于初入行业的开发者而言,掌握新技能、理解现有技术框架是成长的关键。 2. **...

    2021年网站开发心得体会.docx

    - **技术水平差异**:团队成员的技术能力参差不齐,需要在分配任务时考虑到这一点,确保每个人都能够胜任自己的工作。 - **沟通协调**:有效的沟通是团队协作的关键。只有明确了每个人的责任范围和期望成果,才能...

    金山词霸使用心得.docx

    《金山词霸使用心得》 金山词霸是一款深受广大用户喜爱的英语学习工具,其人性化的设计、便捷的屏幕取词功能以及丰富的快捷应用,让学习和工作中的词汇查询变得轻松高效。以下是对金山词霸各项功能的详细解读。 ...

    flex嵌入jsp心得

    JFreeChart生成的图像可能在某些情况下显得不够精致或专业,而Flex作为Adobe公司推出的一种用于构建高性能且具有丰富用户界面的Web应用程序的框架,能够提供更为细腻和动态的图表展现能力,尤其是对于复杂的数据可视...

    关于多行文字水平垂直居中的一点心得分享

    在网页设计中,实现多行文字水平垂直居中是一项常见的需求,尤其是在响应式布局和用户界面设计中。本文将探讨一种通过CSS实现这一效果的方法,以及针对出现的问题进行的解决方案。 首先,我们来看一个常见的水平...

    MSDN AJAX视频教程地址

    - **CSS(Cascading Style Sheets)**:用于美化网页界面。 ### AJAX的应用场景 AJAX技术广泛应用于现代Web开发中,常见应用场景包括但不限于: 1. **动态表单验证**:用户输入数据时即时验证,提高用户体验。 2....

    紫色简洁大气扁平化风格摄影网模板-紫色 简洁 大气 扁平化 摄影 博客 幻灯 菜单 纯色 企业 html.rar

    2. 扁平化设计:扁平化设计是近年来流行的一种界面设计趋势,它摒弃了过多的装饰效果,强调简洁、清晰和直观的用户界面。这款模板采用了扁平化设计原则,使用户更容易理解和操作网站,同时提升整体视觉美感。 3. ...

    二手交易网站

    ASP是一种由微软开发的服务器端脚本环境,它允许开发者在网页上创建动态、交互式的内容。 在描述中提到,该二手交易网站的数据存储是基于Access数据库系统的。Access是Microsoft Office套件的一部分,是一个关系型...

    针式PinPKM-V2013(2013版)

    更快速的搜索,更好管理阅读进度、阅读心得及复习等。 这就是电子化学习的好处,也是针式PKM 之所以叫“专业的个人知识管理”之所在。 3.如何使用针式PKM 管理个人知识? 3.1 首先要了解一下,针式PKM 的...

    星伐留言板!但原有朋友用得上

    "星伐留言本V1.1"正是一款专为用户提供互动交流功能的软件,它集简洁、实用与个性化于一体,旨在帮助用户建立自己的在线社区,方便朋友们分享观点、交流心得。 "星伐留言本V1.1"的核心功能在于其留言系统。用户可以...

    针式PinPKM-V201506(免费无使用限制)

    更快速的搜索,更好管理阅读进度、阅读心得及复习等。 这就是电子化学习的好处,也是针式PKM 之所以叫“专业的个人知识管理”之所在。 3.如何使用针式PKM 管理个人知识? 3.1 首先要了解一下,针式PKM 的...

    PinPKM-V201525(官网发布的最后一个免费无使用限制版本)

    更快速的搜索,更好管理阅读进度、阅读心得及复习等。 这就是电子化学习的好处,也是针式PKM 之所以叫“专业的个人知识管理”之所在。 3.如何使用针式PKM 管理个人知识? 3.1 首先要了解一下,针式PKM 的...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    我想就我个人学习过程的心得和经验,写一篇比较全面的介绍文章。首先有两点是需要肯定的:  第一:XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解,等待只会让你失去机会;  ...

    个人主页设计

    这部分通常由一个后台数据库存储用户的日志内容,前端则通过ASP.NET的Web表单技术实现用户界面,提供发布、编辑和删除日志的功能。 "相册"模块则是用于展示图片的地方,用户可以上传、管理自己的照片。这涉及到文件...

    什么是bootstrap模板以及学习了解bootstrap模板的意义

    Bootstrap的核心优势在于其提供的样式表和JavaScript插件,这些工具包含了丰富的UI组件和布局,帮助开发者高效地创建现代化的用户界面。 #### 二、Bootstrap模板的特点 1. **快速开发**:Bootstrap拥有丰富的预定...

    手机app游戏资讯门户网站模板

    响应式设计是现代网页设计的关键,它允许网站根据用户的设备屏幕大小自动调整布局,确保在手机、平板电脑和电脑上都能提供良好的浏览体验。为了实现这一点,开发者会采用HTML5和CSS3技术,通过媒体查询来定义不同...

    97colors:比较颜色工具

    这款工具提供了丰富的功能,帮助用户在不同的色彩方案之间进行对比和选择,以满足他们在UI设计、网页设计、图形艺术等各种创意项目中的需求。下面,我们将详细探讨这款工具的特点、功能以及如何利用它来提升你的色彩...

    jQuery权威指南-源代码

    希望这部耗时数月、承载了我近4年jQuery开发心得和体会的拙著能给每一位阅读过它的读者带来技术上的提升和思路上的启发。非常希望能借本书出版的机会与国内热衷于jQuery技术的开发者交流,如果大家想联系我,欢迎给...

Global site tag (gtag.js) - Google Analytics