如何在jquery幻灯片放映前面有一个文本框？ [英] How do I have a text box in front of a jquery slideshow?

问题描述

我设法在一页上的固定照片前面放了一个文本框。使用这种技术：



http：// css -tricks.com/text-blocks-over-image/ [ ^ ]



但是，在我网站的另一页上，我希望所有内容都保留在同一个地方（例如文本框，图像放置和大小等）除了在简单的幻灯片中有更多的图像。 （只是向左滑动）。



我的文本框显示为第五个图像并在最后滚动，或者只是一起消失。有人可以帮忙，告诉我我的代码出错了吗？



非常感谢。谢谢。

Hi,

I have managed to have a text box in front of a stationary photo on one page. Using this technique:

http://css-tricks.com/text-blocks-over-image/[^]

However, on another page of my site I want everything to stay in the same place (e.g.. text box, image placement and size etc) except have more images in a simple slideshow. (just sliding off to the left).

Either my text box appears as a fifth image and scrolls in last, or just disappears all together. Can someone please help and show me where I'm going wrong in my code?

It would be greatly appreciated. thanks.

#body {float:left; 
          padding-top:10px;
		  position:relative;
		  width:800px; 
		  font-size:15px; 
		  font-family: "Courier New", Courier, monospace; 
		  text-align:justify; 
		  color:#262626; }
		  
.body { position:absolute; 
    top:300px; 
	width:840px;
	background-color:#FFF;
    opacity:0.7;
    filter:alpha(opacity=70);
	padding:3px 10px 0px 10px;}

<div id="body">
              
              <p class="body">
               TEXT IN A BOX
              </p>                    
              
         <div class="gallery">
                    <img src=/>
                    <img src=/>
                    <img src=/>
          </div>

  </div> 

推荐答案

试试这个... CSS Image Hover



Vyar

Try this ...CSS Image Hover

Vyar

这篇关于如何在jquery幻灯片放映前面有一个文本框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！