Carro seguidor de linea recta

-------------------------------------------------
visibility
Definición | Permite hacer visibles o invisibles las cajas de los elementos |
Valores
permitidos | Uno y sólo uno de los siguientes valores: * visible * hidden * collapse * inherit |
Valor inicial | visible |
Se aplica a | Todos los elementos |
Válida en | medios visuales |
Se hereda | si |
Definición enel estándar | http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility |
Ejemplos de uso
La propiedad visibility es similar a la propiedad display pero mucho más limitada. Mientras que display permite cambiar el tipo de caja de un elemento, la propiedad visibility sólo permite hacer visible o invisible una caja.
El valor por defecto de visibility es visible, que hace que la caja del elemento sevea de forma normal. Otro de los valores definidos por visibility es hidden, que hace que la caja del elemento sea invisible.
El efecto de hacer invisible una caja mediante visibility: hidden es muy diferente al efecto de ocultarla mediante display: none. El siguiente ejemplo muestra el resultado de hacer invisible y ocultar la caja 2:
Caja 2 = visibility: visible
1
2
3
Caja 2 =visibility: hidden
1
2
3
Caja 2 = display: none
1
2
3
Cuando una caja es invisible (visibility: hidden) no se muestra pero sigue ocupando sitio, por lo que los elementos adyacentes se comportan como si fuera visible. Por su parte, una caja oculta (display: none) ni se ve ni ocupa sitio, por lo que es como si no existiera en la página y los elementos adyacentes se ven afectados.
Además, cuando unacaja se oculta todos sus elementos interiores se ocultan automáticamente. De la misma forma, cuando una caja se hace invisible sus elementos interiores también se hacen invisibles automáticamente. La diferencia es que los elementos interiores invisibles se pueden volver a mostrar si se utiliza la propiedad visibility: visible
Por último, la propiedad visibility define el valor collapse, que sólose utiliza en las filas y columnas de las tablas. Si se emplea el valor collapse en cualquier elemento que no sea una fila, grupo de filas, columna o grupo de columnas, tiene el mismo efecto que el valor hidden.
La propiedad visibility es mucho más limitada que la propiedad display, pero puede resultar útil para crear efectos visuales dinámicos cuando se utiliza junto con JavaScript.

¿Comoordena CSS el orden de apilación?
Por medio de la propiedad z-index y de la propiedad position de CSS podemos ordenar los elementos de nuestra página a nuestro gusto. Lo mas recomendado para esta propiedad es incluirla en divs.
¿Cómo funcionan las propiedades z-index y position?
Z-index:
El valor de z-index indica la posición de profundidad (capa) de u objeto en la página. Los elementos convalores positivos son apilados encima de uno con valores negativos, menores, o no especificados. Dos objetos con el mismo z-index son organizados dependiendo de la colocación de sus etiquietas. Un valor negativo posiciona el objeto debajo de otro que no lo tenga definido. Para remover el efecto, se retira o se cambia el parametro a null.
-------------------------------------------------
Nota: Lapropiedad z-index solo aplica a elementos que tengan la propiedad position en absolute o relative.
Position:
Esta propiedad se utilice junto con el z-index para crear capas. Si se pone en absolute, esta propiedad ignorará la posición de los otros objetos en la página y no los afectará, ni ellos al objeto con la propiedad. Entonces causara un overlapping (apilación). Esta apilación se controla conel z-index. Los elementos con position:absolute no tienen margenes pero sí bordes y padding.Si ponemos position:relative, entonces el objeto (o el div) se acoplará al documento sin causar overlap.
¿Como uso estos códigos?
Al usar estas propiedades, crearas algo que Dreamweaver llama "capas". Son capas ya que no interfieren con otras partes del documento, ni son afectadas por ellas. Ahora...