-
注意padding-left和padding-right查看全部
-
得把a和a span设置成行内块元素，还有得把a：hover中的背景色设置成#20530C查看全部
-
<a>标签制作按钮的关键步骤查看全部
-
<a>标签制作按钮的优点查看全部
-
<a>标签制作按钮查看全部
-
圆角水晶按钮<input>标签查看全部
-
这是jquery代码，所有浏览器完美显示 把box-sizing的内容注释掉，jquery中写法如下 $(function(){ //给个按钮驾鼠标滑过动作 $('.button').hover( function(){//鼠标悬浮时的事件 //1.获取需要显示的内容 var $this = $(this); var txt = $this.attr('data'); //2.将获得到的值放入tip em中 var $tip = $('.tip');//取得em对象 $('.tip em').text(txt);//为em对象放置文本值 //3.同时改变tip的位置 //3.1获得每个按钮相对于父元素的位置,此处只需要获得left值 var this_left = $this.position().left; //3.2设置tip与该按钮垂直剧中对齐 var tip_width = $tip.outerWidth();//获取每个em的宽度 var this_width = $this.outerWidth();//此按钮的宽度 var tip_pos = (this_left+this_width/2)-tip_width/2; $tip.css({left:tip_pos+"px"}).animate({top:'145px','opacity':1},500); }, function(){//鼠标离开时的事件 $('.tip').animate({'top':'110px','opacity':0},300); }); }); // 此方法几点说明 // 1.关于box-sizing属性，在moz浏览器中支持的还不很好，有误差 // 2.上述tip_left的计算方法是先找到按钮中心距父元素左右的距离， // 然后用此距离-tip的宽度/2，即是tip的左边距 // 3.此方法计算的左边距，可以完美解决tip宽度比按钮宽度小的情况查看全部
-
圆角属性，兼容属性查看全部
-
BOX-SIZE的属性查看全部
-
浏览器对Transition的支持情况查看全部
-
CSS3-Transition查看全部
-
CSS3-transform参数查看全部
-
trandform属性查看全部
-
<input> 标签 它的默认样式是系统给它的。 说明：如果网页在不同的操作系统的话效果就不一样的。 缺点：它的一个限制是只能是给定的宽高值才可以做图片，如果给它指定background的 现在网页的一些按钮是用a标签来完成的。查看全部
-
transition的用法查看全部
举报
0/150
提交
取消