HTML在⿊⾊框中加⽩⾊⽂字,⽂字⼀部分⿊⾊⼀部分⽩⾊的效果⽤css做怎么实现?_html。。。
参考上⾯的,⽤div+css+背景图⽚构成的,可是中间的⽂字感觉不协调,要是蓝⾊那边的⽂字是⽩⾊的就好了。
⽤css怎样达到⽂字⼀部分⿊⾊⼀部分⽩⾊的效果呢?
回复讨论(解决⽅案)
css特效文字实现不了吧?你可以让百分⽐在进度条的上⾯居右显⽰
你可以试⼀下,这种⽅法,进度条下⾯是⼀个DIV,跟现在这个⼀样不变,然后,上进度条也⽤DIV,,并且,这上⾯也写⼀样的⽂字,且颜⾊不⼀样,这⾥需要注意上层DIV何时写字,何时⽤PADDING-LEFT,让他们的字重合。且要⽤到OVERFLOW:HIDDEN;这种⽅法都⽆法就没有办法了
直接⽤jQuery progressBar 进度条插件
⽤双层 来实现,上⼀层 ⽩字蓝底,下层⿊字⽩底 控制上⼀层宽度就⾏了
两种颜⾊字体随进度条切换
既然是进度条,肯定是⼀直计算的
你计算出字体的蓝底出现就转成⽩⾊就⾏了
其实字体、进度条的⼤⼩固定,也就是⼤概达到某个(或⼏个)百分⽐的时候,多算⼏次就知道了
楼上有⼏个说的不错 得写两遍57% ⼀个⽩⾊的 ⼀个灰⾊的 都是⽔平、垂直居中
灰⾊的全显⽰就可以了,⽩⾊字体所在的div要读取蓝条所在div的宽度,然后设置overflow:hidden;
其他的没有更好的办法 css3倒是可以勉强实现 但是控制起来很费劲 ⽽且在IE9⼀下的版本还体现不出来样式
好好试试吧
mark
让57%⾃动在左边蓝⾊居中即可,字体改成⽩⾊,没必要在中间
效果达到了,好⽜x 研究下
声明:本⽂原创发布php中⽂⽹,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php处理

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。