HTML / CSS - div的半透明背景?旁边有滚动条

时间:2011-09-24 18:20:47

标签: html css transparency

您好我正在寻找解决方案: http://www.delightfulwoman.pl/depilacja-laserowa/

当您点击左侧的链接时,右侧框内的文字会发生变化... 我只是想知道如何制作CornerRounded SemiTransparent div背景,滚动条NEXT到它,而不是它里面。

你会说我可以查看源文件,但我不擅长CSS,我不能看到透明度或不透明度:s或类似的东西。

1 个答案:

答案 0 :(得分:2)

本网站使用图像作为该DIV的背景。他们正在使用支持透明度的PNG文件。因此在DIV的CSS(.o_right_cont)中,他们使用的是圆形和半透明框的图像,而不是任何花哨的CSS。

在那个DIV的内部,他们有另一个DIV(.ofe_desc)。他们将溢出设置为auto,这样当内容大于DIV时滚动条就会出现。

 .o_right_cont {
        background: url(gfx/cennik_bg.png) no-repeat;
        width: 670px;
        height: 420px;
        float: left;
        margin: 10px 0px 0px 30px;
        text-align: left;
        padding: 10px;
    }

    .ofe_desc {
        width: 662px;
        height: 400px;
        text-align: left;
        overflow: auto;
        line-height: 15px;
        padding: 8px 30px 8px 8px;
    }

如果您有任何问题,请与我们联系。

亲切的问候, - 克里斯