Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/oracle/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS3:翻译时文本保留在框中_Css_Translate - Fatal编程技术网

CSS3:翻译时文本保留在框中

CSS3:翻译时文本保留在框中,css,translate,Css,Translate,我用CSS3/javascript制作了一个幻灯片演示,但效果不太好 当你点击箭头时,“dipos”div正在向一个方向移动,但在我的例子中,框内的文本并没有完全移动,一小部分文本停留在下一张幻灯片中 函数clic_left(){ var objet=document.getElementById(“dipo1”); left=getComputedStyle(对象,空)。left; var left2=parseInt(左); left2=left2+2000; dipo1.style.le

我用CSS3/javascript制作了一个幻灯片演示,但效果不太好

当你点击箭头时,“dipos”div正在向一个方向移动,但在我的例子中,框内的文本并没有完全移动,一小部分文本停留在下一张幻灯片中

函数clic_left(){
var objet=document.getElementById(“dipo1”);
left=getComputedStyle(对象,空)。left;
var left2=parseInt(左);
left2=left2+2000;
dipo1.style.left=left2+“px”;
var objet=document.getElementById(“diapo2”);
left=getComputedStyle(对象,空)。left;
var left2=parseInt(左);
left2=left2+2000;
dipo2.style.left=left2+“px”;
var objet=document.getElementById(“dipo3”);
left=getComputedStyle(对象,空)。left;
var left2=parseInt(左);
left2=left2+2000;
dipo3.style.left=left2+“px”;
}
函数clic_right(){
var objet=document.getElementById(“dipo1”);
left=getComputedStyle(对象,空)。left;
var left2=parseInt(左);
left2=left2-2000;
dipo1.style.left=left2+“px”;
var objet=document.getElementById(“diapo2”);
left=getComputedStyle(对象,空)。left;
var left2=parseInt(左);
left2=left2-2000;
dipo2.style.left=left2+“px”;
var objet=document.getElementById(“dipo3”);
left=getComputedStyle(对象,空)。left;
var left2=parseInt(左);
left2=left2-2000;
dipo3.style.left=left2+“px”;
}
#箭头#左{
颜色:红色;
显示:块;
位置:绝对位置;
最高:50%;
底部:50%;
左:5%;
不透明度:0.3;
}
#向右箭头{
颜色:红色;
显示:块;
位置:绝对位置;
最高:50%;
底部:50%;
右:5%;
不透明度:0.3;
}
#向右箭头:悬停{
显示:块;
不透明度:1;
转换:翻译(5px);
光标:指针;
}
#向左箭头:悬停{
显示:块;
不透明度:1;
转换:转换(-5px);
光标:指针;
}
Bordureu先生走了{
位置:绝对位置;
宽度:10%;
身高:1024;
顶部:3em;
左:0px;
底部:0px;
z指数:9;
}
Bordureu先生,对吗{
位置:绝对位置;
宽度:10%;
身高:1024;
顶部:3em;
右:0px;
底部:0px;
z指数:9;
}
.中心{
位置:绝对位置;
高度:100em;
宽度:1020px;
利润率:118px;
边缘顶端:3em;
边框:5px实心;
z指数:1;
}
#尿布{
位置:绝对位置;
左:0px;
z指数:1;
过渡:1s;
}
#尿布{
位置:绝对位置;
左:2000px;
z指数:1;
过渡:1s;
}
#底辟{
位置:绝对位置;
左:4000px;
z指数:1;
过渡:1s;
}
.机器人{
文本对齐:居中;
空白:正常;
文本阴影:1px 2px灰色;
颜色:黑色;
字号:1.5em;
字体系列:SabordGital;
字距:5px;
}

普罗杰辛
箭头
箭头

Lorem ipsum dolor sit amet,是一位杰出的足球运动员。发酵牛膝。两人一组,一人一组,一人一组,一人一组。这是一个非常重要的问题,需要解决。在大鼠前庭放置一对老鼠。埃吉斯塔斯东部。这是一个非常重要的时刻。威尼斯人的自由宣言。大头乌贼是一种有效的动物。努克马勒苏阿达锡西登的奎斯克·维尔·莫里斯。Nam maximus augue augue,eu hendrerit libero Vulpute eu。这是狮子座的一个奇迹,但它的调味品比狮子座的调味品还要美味。在奥古斯特·奥古斯特·尤伊斯莫德·维塔的港口。

Lorem ipsum dolor sit amet,是一位杰出的足球运动员。发酵牛膝。两人一组,一人一组,一人一组,一人一组。这是一个非常重要的问题,需要解决。在大鼠前庭放置一对老鼠。埃吉斯塔斯东部。这是一个非常重要的时刻。威尼斯人的自由宣言。大头乌贼是一种有效的动物。努克马勒苏阿达锡西登的奎斯克·维尔·莫里斯。Nam maximus augue augue,eu hendrerit libero Vulpute eu。这是狮子座的一个奇迹,但它的调味品比狮子座的调味品还要美味。在奥古斯特·奥古斯特·尤伊斯莫德·维塔的港口。

AAA ipsum dolor sit amet,康塞特图竞技精英。发酵牛膝。两人一组,一人一组,一人一组,一人一组。这是一个非常重要的问题,需要解决。在大鼠前庭放置一对老鼠。埃吉斯塔斯东部。这是一个非常重要的时刻。威尼斯人的自由宣言。大头乌贼是一种有效的动物。努克马勒苏阿达锡西登的奎斯克·维尔·莫里斯。Nam maximus augue augue,eu hendrerit libero Vulpute eu。这是狮子座的一个奇迹,但它的调味品比狮子座的调味品还要美味。在奥古斯特·奥古斯特·尤伊斯莫德·维塔的港口。

Lorem ipsum dolor sit amet,是一位杰出的足球运动员。发酵牛膝。两人一组,一人一组,一人一组,一人一组。这是一个非常重要的问题,需要解决。在大鼠前庭放置一对老鼠。埃吉斯塔斯东部。这是一个非常重要的时刻。威尼斯人的自由宣言。大头乌贼是一种有效的动物。努克马勒苏阿达锡西登的奎斯克·维尔·莫里斯。Nam maximus augue augue,欧盟