Jquery HTML元素中的淡入淡出文本太长

因此，我的问题与此类似：

我不想做的是对文本进行硬结尾（切掉溢出的文本）

所需的输出将不包括椭圆（…），但会“淡出”。因此，如果我有类似于：

<div class="text">This is the really long area of text that I want to chop</div>

这是我想要切掉的非常长的文本区域

然后在我决定的任何地方，比如说在华盛顿的中途。。。n会半褪色，t会几乎完全褪色。当然，定位是随机的，可能会落在3或4个字母上

以下是按优先顺序排列的可接受解决方案

是否可以单独使用css淡出文本

如果不可能，利用div.text中的另一个元素，我可以实现我想要的（不透明会消失吗？）

用jQuery来做吗？（呃……不是首选）

---

假设您的页面背景为白色：使gif从透明变为白色（从左到右）。将其覆盖在div的右侧。您的文本似乎会褪色为白色

这与创建“放置阴影”的方式类似

编辑以添加：

我应该直接回答你的问题

不，它是不可能淡出的文字与CSS单独，除非你这样做的字符；但这几乎不可能跨不同的浏览器和屏幕分辨率进行控制

不透明不会褪色

我不知道有哪个jQuery对象可以做到这一点，但我很少使用它

---

你的解决方案2。这确实是可能的。你只需要使用一个绝对定位的元素，它有一个线性渐变背景，从白色到透明

不需要图像

---

你可以看看

我想我应该指定一个无图像的解决方案。我同意egrunin-我认为这是最好的技术。使用jQuery并不容易，因为您必须先计算每个字符的长度和div的长度，然后才能确定哪些字符超出了某个点。此外，无论您对div使用什么技术（无论是%、px或em，还是任何其他单位），您都可以将

img

标记设置为

位置：绝对；右：0px；宽度：数字%| px | em |等

。希望这有帮助。