Question

在jquery中有没有办法为文本做掩码？例如，我有带背景的滑块，我想掩盖（隐藏）超出背景的文本 - （外部） - （限制） - 文本 - （限制） - （外部） - 文本以2种方式进行：左 - >右;右 - ＆gt;剩下。（我想要隐藏文字，这将超出限制）我不能通过改变宽度来做到这一点，因为上面是图像这是我的滑块类：

#slider-prod {
    float: left;
margin: 19px 0 0 67px;
width: 751px;
height: 257px;
overflow: hidden;
}
#slider-prod ul {}
#slider-prod ul li img {display: block;float: left;}
#slider-prod ul li{display: block;float: left;width: 751px;height: 257px;}
#slider-prod ul li p{    font-family:'Helvetica-BoldOblique';    text-shadow: 1px 0 1px #ffffff;
display: block;
float: left;
text-align: left;
line-height: 42px;
font-size: 15px;line-height: 19px;color: #204383}
#slider-prod ul li span{
    font-family:'Helvetica-BoldOblique';    text-shadow: 1px 0 1px #ffffff;
    font-size: 17px;
    line-height: 42px;
    color: #ff7b00;
display: block;
float: left;
clear: both;

}

Answer 1

这是通过CSS中的overflow: hidden;规则完成的，而不是使用Javascript。

用jquery的文本掩码

1 个答案: