css小白提问问什么div的父样式无法显示？

问题描述

css小白提问问什么div的父样式无法显示？

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Language" content="zh-cn" />
        <meta name="robots" content="all" />
        <title>demo</title>

        <!-- CSS Stylesheet -->
        <style type="text/css">
            body{
                background: #FFFFFF;
                font: 12px verdana, simsun,tahoma,geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                margin: 5px 10px 10px 10px;
                padding: 0px;
            }
            <!--弹出框-->
            .detail{
                background-image:url('1.jpg');
                width: 250px;
                height: 120px;
                border: 1px solid #f0f0f0;
                position: absolute;
                top: 100px;
                left: 100px;
                background: #f0f0f0;
                opacity: .95;
                padding: 5px;
                font-size: 14px;
                -webkit-box-shadow: 4px 4px 5px 0 rgba(50,50,50,.27);
                -moz-box-shadow: 4px 4px 5px 0 rgba(50,50,50,.27);
                box-shadow: 4px 4px 5px 0 rgba(50,50,50,.27);
            }
            .detail .scale1{
                -webkit-transform: scale(.6666666666666667);
                -ms-transform: scale(.6666666666666667);
                -moz-transform: scale(.6666666666666667);
            }
            .detail .point{
                top: 130px;
                width: 0;
                height: 0;
                border-top: 18px solid #f0f0f0;
                border-right: 17px solid transparent;
                margin-top: 0;
                margin-left: -6px;
                float: left;
                position: absolute;
                display:block;
            }
            .pop-text {
                clear: both;
                display: block;
            }
            .room-closed {
                display: block;
                color: #2F2C2C;
            }
        </style>
    </head>

    <body>
        <div align="center">
            <div>
                <img src="psd.jpg" border="0" />
            </div>
            <div class="detail" >
                <div class="scale1" style="left: 282.05px; top: 89.5px; transform-origin: left bottom 0px; display:block;">
                    <span class="pop-text">Room 24</span>
                    <span class="pop-text">Living and Dying</span>
                    <span class="pop-text">The Wellcome Trust Gallery</span>
                    <span class="pop-text">Themes</span>
                    <span class="room-closed"></span>
                    <span class="pop-room-link">
                        <a href="#">More about gallery ?</a>
                    </span>
                    <div class="point">
                    </div>
                </div>
            </div>

        </div>
    </body>
</html>

实在想不通啊我用火狐的F12控制台的时候点到这个div并不会跳出css样式，可是下面的子div都是正常显示的

解决方案

不可能啊，检查下有没有把你的css文件包含进来，或者你包含的是另一个文件的

 <link rel="stylesheet" type="text/css" href="xxxx.css" />

然后检查你是不是在别的地方有不同的定义。

建议你用chrome浏览器的开发者工具，它可以显示每个元素应用的css，以及对应来自什么文件，看起来很方便

解决方案二：

那只能是你的外部样式的路径写错了，好好检查看看

解决方案三：

什么浏览器？IE8-不支持box-shadow，transform这种样式，opacity要使用filter:alpha(opacity=95)来做

解决方案四：

解决方案五：

时间： 2024-09-10 20:01:07

css小白提问问什么div的父样式无法显示？的相关文章

火狐-老问题没人理新发一下为什么css父样式无法正确显示？

问题描述老问题没人理新发一下为什么css父样式无法正确显示? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" la

CSS的position属性在DIV层中的应用

定位的话,父DIV设置position:relative后,子DIV的position:absolute就会相对父DIV作绝对定位,接下来为大家介绍下CSS的position属性在DIV层中的应用原来只明白position:relative是相对定位,position:absolute 是绝对定位: 经常看到图片轮播的下方有个半透明背景的文字描述.我现在要做这样一个效果,因为不是轮播,所以没去找插件,想自己写. 半透明背景可以设置属性background: rgba(0, 0, 0, 0.

css 样式，给div设置了最小高度当内容溢出最小高度时之前给容器div设置的样式没作用

问题描述 css 样式 ,给div设置了最小高度当内容溢出最小高度时之前给容器div设置的样式没作用解决方案 DIV设置最小高度DIV设置最小高度为什么我的设置的div最小高度不对解决方案二: 不懂你要问什么东东,代码也没有.. 解决方案三: 你用浏览器调式调式呢解决方案四: 你用的是谷歌调试吗?

c语言-C语言小白提问```求大神

问题描述 C语言小白提问```求大神 float search(float (*p)[4]){ float *pt = NULL; for (int i = 0; i < 4; i++) { if ((*p + i) < 60) { pt = *p; } } return pt; } int main(int argc, const char * argv[]) { float score[][4] = {{60,70,80,90},{56,86,97,68},{57,58,98,95}};

如何让浮动的子DIV在父DIV上居中(水平方向和垂直方向)

问题描述如何让浮动的子DIV在父DIV上居中(水平方向和垂直方向) 如题:如何让浮动的子DIV在父DIV上居中(水平方向和垂直方向) 解决方案父容器relative定位,浮动div absolute定位,left和width 50%,定高和定宽,通过margin-left和margin-top为你的-宽度和-高度的一半来实现水平和垂直进行居中解决方案二: http://blog.163.com/www.wxs_123/blog/static/82784664201321831746921/

python中a,b=b,a+b怎么理解？是怎么运行的呢？小白提问

问题描述 python中a,b=b,a+b怎么理解?是怎么运行的呢?小白提问最近学习python,遇到如题疑问,哪位大侠帮帮解惑一下!万分感谢解决方案应该是元组操作 (a,b)是一个元组,让它等于(b,a+b)这个元组的值. 举例: a=3, b=5 执行完就是a=5, b=8 解决方案二: 直接按逗号来分别取 a = b b = a + b 解决方案三: 注意 (a,b)=(b,a) 相当于交换ab 但是 a=b b=a 则ab都变成了b

Div即父容器不根据内容自适应高度的解决方法

解决|自适应 Div即父容器不根据内容自适应高度,我们看下面的代码: <div id="main"><div id="content"></div></div> 当Content内容多时,即使main设置了高度100%或auto.在不同浏览器下还是不能完好的自动伸展.内容的高度比较高了,但容器main的高度还是不能撑开. 我们可以通过三种方法来解决这个问题. 一,增加一个清除浮动,让父容器知道高度.请注意,清除浮动的容

[css]简明教程 SPAN和DIV的区别

css|教程|区别 SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落.标题.表格,乃至诸如章节.摘要和备注等.而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当行内元素都不合适时,可以使用SPAN. 下面以一个实例来说明这两个属性的区别. 代码: <span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了.在此例中,<sp

xcode-大家好，我是ios开发的一个小白，问一下关于IOS相册选取图片后图片模糊的原因。

问题描述大家好,我是ios开发的一个小白,问一下关于IOS相册选取图片后图片模糊的原因. #pragma mark - CGImagePickController NotificationCenter (void) CTAssetsPickCGImage:(NSNotification *)notice{NSArray *assetArr = [notice object];for (int x = 0; x < assetArr.count; x ++) { if (frameX <6)

css小白提问 问什么div的父样式无法显示？

问题描述

解决方案

css小白提问 问什么div的父样式无法显示？的相关文章

css小白提问问什么div的父样式无法显示？

css小白提问问什么div的父样式无法显示？的相关文章