css - 溢出滚动不滚动?

不确定嵌套 DIV 是否存在阻止滚动的问题,或者我在代码本身中遗漏了某些内容。无论如何,似乎无法让 .txtpodscroll 类的 div 真正滚动。栏看起来很好只是不会滚动?下面是我应用到 DIV 的 CSS 规则

.txtpodscroll {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
line-height: 20px;
width: 360px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
height: 300px;
overflow-y: auto;
overflow-x: hidden;
position: fixed;

            <div class="holder-northeastphotobooth">
              <div class="imgpod"><img src="alt-img/nephotobooth-logo.png" width="370" height="89"></div>
              <div class="txtpodscroll">Photo booths are one of the most sought-after wedding reception additions, and we’ve got one of the best ready to bring to your big day.   We will deliver our professional booth to your venue, assemble it, and man it for the duration to make sure your guests have a great time taking lots of memorable pictures. Afterwards, we’ll dismantle and clear away the booth.   We can be as formal or as crazy as you like and will tailor it to suit your needs. You can select a range of fun green screen backgrounds for guests to choose from, allow uploading to Facebook, add multiple pictures to each print, take videos, and we can even bring along a box full of fun props for your guests to wear.   Hire our booth and you’ll get unlimited pictures and prints on the night, plus we’ll give you a USB stick with all of the pictures on to take away and for a limited time we’ll even supply a 2nd set of prints in a lovely photo album for you to take home and treasure. </div>
            </div>

此外,这是一个指向它的链接,它是有效的,但无法正常工作。

http://www.yourwedding.com/yourweddingwow/index-northeastphotobooth.html

最佳答案

因为这本书的内阴影在滚动条上方,所以你不能点击它,但你仍然可以看到它,因为阴影是透明的PNG... 更改此行:

standard-variable.css(第 83 行)

.holder-northeastphotobooth {
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 470px;
    margin: 0;
    padding: 15px;
    position: relative;  /* added */
    width: 370px;
    z-index: 1;   /* added */
}

确保同时删除背景属性,这样阴影将显示在页面“下方”,而不是页面上方。在 firebug 上试试看,它很容易修复。

https://stackoverflow.com/questions/15430621/

相关文章:

amazon-s3 - s3 临时签名 URL 中缺少对象的自定义 404 页面

php - 为什么使用 mPDF 合并 PDF 文件后超链接丢失?

sql-server - 读取 DONE_IN_PROC

batch-file - 如何保存包含俄语或中文字符的文件的目录列表

python - Arduino 和 PyBluez 之间的蓝牙通信

iphone - 单个上下文,但在不同上下文中的对象之间为 "Illegal attempt to

.net - 如何使用自定义记录器进行 vs 测试?

debugging - Nemiver - 无法直接标准输入

asp.net-mvc-4 - Razor 看不到我的右括号

css - 向剪切框添加投影