Html CSS动画行为

我在这里得到了这个示例，是否可以使div的内部“p”不是动画，而是div容器动画

div{
宽度：100px；
高度：100px；
背景色：红色；
-webkit动画名称：示例；/*Safari 4.0-8.0*/
-webkit动画持续时间：4s；/*Safari 4.0-8.0*/
动画名称：示例；
动画持续时间：4s；
}
p组{
位置：绝对位置；
顶部：25px；
}
/*Safari 4.0-8.0*/
@-webkit关键帧示例{
0%{不透明度：.4；}
100%{不透明度：1；}
}
/*标准语法*/
@关键帧示例{
0%{不透明度：.4；}
100%{不透明度：1；}
}

---

此处的示例文本。
您正在更改的不透明度适用于该div内的所有内容，也适用于子对象。解决此问题的一种方法是不更改不透明度，而仅更改背景。您可以使用
rgba（）
来实现这一点，它包括
opacity
设置，而不是像“红色”这样的纯色背景色


div{
宽度：100px；
高度：100px；
背景色：rgba（255,0,0,1）；
-webkit动画名称：示例；/*Safari 4.0-8.0*/
-webkit动画持续时间：4s；/*Safari 4.0-8.0*/
动画名称：示例；
动画持续时间：4s；
}
p组{
位置：绝对位置；
顶部：25px；
}
/*Safari 4.0-8.0*/
@-webkit关键帧示例{
0%{背景色：rgba（255,0,0,0.4）；}
100%{背景色：rgba（255,0,0,1）；}
}
/*标准语法*/
@关键帧示例{
0%{背景色：rgba（255,0,0,0.4）；}
100%{背景色：rgba（255,0,0,1）；}
}
此处的示例文本。
您正在更改的不透明度适用于该div内的所有内容，也适用于子对象。解决此问题的一种方法是不更改不透明度，而仅更改背景。您可以使用
rgba（）
来实现这一点，它包括
opacity
设置，而不是像“红色”这样的纯色背景色


div{
宽度：100px；
高度：100px；
背景色：rgba（255,0,0,1）；
-webkit动画名称：示例；/*Safari 4.0-8.0*/
-webkit动画持续时间：4s；/*Safari 4.0-8.0*/
动画名称：示例；
动画持续时间：4s；
}
p组{
位置：绝对位置；
顶部：25px；
}
/*Safari 4.0-8.0*/
@-webkit关键帧示例{
0%{背景色：rgba（255,0,0,0.4）；}
100%{背景色：rgba（255,0,0,1）；}
}
/*标准语法*/
@关键帧示例{
0%{背景色：rgba（255,0,0,0.4）；}
100%{背景色：rgba（255,0,0,1）；}
}
这里是示例文本。
这就是我所说的p的同级div的意思：


div{
宽度：100px；
高度：100px；
位置：相对位置；
}
.制作动画{
位置：绝对位置；
宽度：100%；
身高：100%；
左：0；
排名：0；
背景色：红色；
-webkit动画名称：示例；/*Safari 4.0-8.0*/
-webkit动画持续时间：4s；/*Safari 4.0-8.0*/
动画名称：示例；
动画持续时间：4s；
}
p组{
位置：绝对位置；
顶部：25px；
}
/*Safari 4.0-8.0*/
@-webkit关键帧示例{
0%{不透明度：.4；}
100%{不透明度：1；}
}
/*标准语法*/
@关键帧示例{
0%{不透明度：.4；}
100%{不透明度：1；}
}
这里是示例文本。
这就是我所说的p的同级div的意思：


div{
宽度：100px；
高度：100px；
位置：相对位置；
}
.制作动画{
位置：绝对位置；
宽度：100%；
身高：100%；
左：0；
排名：0；
背景色：红色；
-webkit动画名称：示例；/*Safari 4.0-8.0*/
-webkit动画持续时间：4s；/*Safari 4.0-8.0*/
动画名称：示例；
动画持续时间：4s；
}
p组{
位置：绝对位置；
顶部：25px；
}
/*Safari 4.0-8.0*/
@-webkit关键帧示例{
0%{不透明度：.4；}
100%{不透明度：1；}
}
/*标准语法*/
@关键帧示例{
0%{不透明度：.4；}
100%{不透明度：1；}
}
此处为示例文本。
否，但您可以使用p的同级div模拟它，或者您可以使用
背景色：透明
而不是
不透明
复制问题中的特定示例，这取决于你到底想完成什么。你用p的sibbling div模拟它是什么意思？背景色：透明无法实现我的目标。@MarkAnthony您能选择一个答案作为接受的答案吗？谢谢不，但您可以使用p的同级div来模拟它，或者您可以使用
背景色：transparent
而不是
opacity
来复制问题中的特定示例，这取决于您想要完成的具体操作。您使用p的同级div来模拟它是什么意思？背景色：透明无法实现我的目标。@MarkAnthony您能选择一个答案作为接受的答案吗？谢谢