您现在的位置是：网站首页>建站学院织梦CMS

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

2021-07-16来源：【织梦CMS】人已围观

简介 dedecms-CSS3圆角兼容所有的浏览器，你知道了多少？在大家利用dede仿站的过程中为了考虑前台页面的美观效果，可能会采用大量的图片来实现，今天仿站制作网就来和大家说说如何利用css实现圆角效果

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标签调用怎么修改