从品牌网站建设到网络营销策划,从策略到执行的一站式服务
1、-moz代表firefox浏览器私有属性
创新互联公司成立于2013年,我们提供高端网站建设公司、成都网站制作公司、成都网站设计、网站定制、成都营销网站建设、微信小程序开发、微信公众号开发、营销推广服务,提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地,为混凝土搅拌站企业提供源源不断的流量和订单咨询。
2、-ms代表ie浏览器私有属性
3、-webkit代表safari、chrome私有属性
这些是为了兼容老版本的写法,比较新版本的浏览器都支持直接写:border-radius。
现在比较流行的一个概念就是:不太关键的样式,可以不考虑兼容,比如你说的圆角,并不影响内容的显示,如果客户浏览器太旧,就让他看到旧的方形效果就是,一定要看到新效果,只能建议客户升级浏览器。
css换不了下拉菜单的箭头样式,表单要漂亮必须用html+js+css来模拟,JQ也有很现成的表单美化插件。
百度:js美化表单
div{
width: 20px;
height: 20px;
border: 2px solid #000;
border-top: none;
border-right: none;
transform:rotate(45deg);
}
你可以做一个带箭头的div;然后样式如下:
div
{
/* 箭头的样式,你自己设计,下面是旋转的样式*/
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
}
这个是CSS3,所以浏览器并不是都兼容的。上面的deg就是角度单位度。
用插件:select2.js 百度搜索那个名字即可,现在基本是最好用的下拉组件。
原理就是将原来的select隐藏,用新的div构建一个下拉菜单,遮盖在原来的位置。
自己做的话,可以试试在select上覆盖一个div层,用绝对定位。然后把select的透明度opacity写为0.01,不能为0,然后点击那个层,就相当与点击了那个select,div写什么就由你定了。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图