dedecms仿站教程中不兼容浏览器怎么办？-巨人网络

全国400电话网上服务平台
强大号码库资源任选，方便，快捷，快速开通。
咨询热线：400-1100-266

dedecms仿站教程中不兼容浏览器怎么办？

POST TIME:2021-05-22 23:49

dedecms-CSS3圆角兼容所有的浏览器，你知道了多少？在大家利用dede仿站的过程中为了考虑前台页面的美观效果，可能会采用大量的图片来实现，今天仿站制作网就来和大家说说如何利用css实现圆角效果的美观！
　　在此以前也许大家可能会实现这样的css圆角，可往往纠结于浏览器的兼容问题，所以一直未被采用。今天仿站制作网就利用js+css在解决浏览器兼容问题上实现圆角效果！在需要实现圆角的页面中引入CurvyCorners.js（一个JS圆角库），并使用addEvent函数：
　　

 ＜script type="text/javascript" src="curvycorners.js"＞＜/script＞
　　 ＜script type="text/JavaScript"＞
　　 addEvent(window, 'load', initCorners);
　　 function initCorners() {
　　 var setting = {
　　 tl: { radius: 12 }, //左上角(top-left)
　　 tr: { radius: 12 }, //右上角(top-right)
　　 bl: { radius: 12 }, //左下角(bottom-left)
　　 br: { radius: 12 }, //右下角(bottom-right)
　　 antiAlias: true
　　 }
　　 curvyCorners(setting, ".yuanjiao");
　　 }
　　 ＜/script＞

　　然后页面中的css样式：
　　
　　最后在页面中引用yuanjiao样式：
　　
内容仿站

　　这样dedecms-CSS3圆角兼容所有的浏览器就可以实现了，在各个浏览器上均能实现该效果，大家不妨尝试一下！

上一篇：阿里云提示：织梦dedecms 支付模块注入漏洞导致SQL注入修复
下一篇：织梦DEDECMS搜索页支持dede标签调用怎么修改

关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板