• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网页变灰的笔记 细节问题处理

网页变灰的笔记 细节问题处理

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网页变灰等相关知识,佚名 希望在学习及工作中可以帮助到您
1、在IE中,如果用了相对定位,即<div style="background:url();position:relative;"></div>,那个背景图片无法变灰。

2、在火狐或者谷歌浏览器中,如果某个元素通过js变换了className,那么变换后的className样式无法显示出来,因为那个js文件,在网页加载完之后,直接将样式加在元素中了,导致无法正常切换。

第一种的解决方案是,IE下使用html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }这段代码即可,它在火狐或者其他浏览器下是不起作用的。

第二种的解决方案,我也不知道,为了能正常切换,我只能将这一块的div重置,即不让它灰掉,代码如下:

grayscale.reset(div);


相关资料:http://www.jb51.net/article/23167.htm

您可能想查找下面的文章:

相关文章

  • 2018-08-23网易设计师:帮你学会万能的深度访谈方法
  • 2018-08-23想做AR类的APP?那么你应该从这三个关键点着手
  • 2018-08-232017年最后几个月,网页设计师值得注意的趋势
  • 2017-08-06使用字符代替圆角尖角研究心得分享
  • 2018-08-23设计推送通知的时候,这7个关键点要把握好
  • 2018-08-23一个完善的产品设计流程是怎样的?听听美团设计师怎么说
  • 2017-08-06推荐一个前端工程师做的超酷交互式网站
  • 2018-08-23我们拿到了InVision Studio 的内测资格,设计师们关心的都在这里
  • 2018-08-23用一个实战案例,教你一款适合UI设计师的调研方法
  • 2018-08-23新手科普文!什么是用户界面和体验设计?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 看了那么多的设计趋势,你知道怎么落地实践吗?
    • 学会这4大Sketch 高阶技巧,让你的效率猛翻10倍!
    • 你需要知道的18个Web可用性原则
    • 浅谈React
    • 昨晚,我偷偷参加了甲方公司的面试
    • 熟练设计师的七原则(2):颜色运用
    • 苹果Emoji 设计师:几百个风靡世界的表情是如何创作出来的(有彩蛋)
    • 如何“浏览作品”才能事半功倍?来看高手的方法!
    • 取消了Home键的 iPhone X,交互方式都有哪些变化?
    • 用ps两分钟做个xhtml+css的网站首页

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有