2 raspberrymonster RaspberryMonster 于 2016.02.07 16:42 提问

老问题没人理 新发一下 为什么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" 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都是正常显示的

悬赏在此
http://ask.csdn.net/questions/235529

1个回答

devmiao
devmiao   Ds   Rxr 2016.02.07 23:49

这是完整的代码么?有没有框架网页

RaspberryMonster
RaspberryMonster 完整的 别的没了
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Css样式不能正常显示
今天在研究JQuery的时候,遇到这样一个问题,在用CSS+UL布局的时候,line-height:30px;使用这个属性竟然不生效,但是在设计效果里面又能看到效果,可是一运行,竟然不生效? 我界面布局代码如下: 全选/全不选 1.测试数据信息 2.测试数据
关于导入css样式 却不起作用解决方案
rel="stylesheet"  在引入css样式的标签中 添加如上代码即可
github版面混乱加载不出css的解决办法
翻墙原因 导致 github css 无法正常加载有时会出现该问题,解决完问题后又把host文件改回原版本发现 github版面的问题少了几个erro解决方法登陆www.github.comF12 可以知道assets-cdn.github.com    avatars3.githubusercontent.com ( 或者是其他的网站)打开错误www.ipaddress.com  网站上查找 有...
vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。
在vue的开发中,我们需要引用子组件,包括ui组件(element、iview)。但是在父组件中添加scoped之后,在父组件中书写子组件的样式是无效果的。去掉scoped之后,样式可以覆盖。但这样会污染全局样式,为了解决这个问题,vue-loader新增书写方式。#demo父组件:&amp;lt;style lang=&quot;css&quot; scoped&amp;gt; header /deep/ .header{ ...
页面无法按照样式表进行渲染的诡异问题
今天在后端套用页面的时候出现了诡异的问题,前端静态页面是没有任何样式问题,结果后端套用之后出现了line-height不生效,table页面中的字体大小为medium(body中已经设置字体大小为14px,竟然被table的默认行为给覆盖)等等诡异问题,后来经过goggle才知道,doctype没声明导致,去后端调试发现在jsp页面中把doctype放在了jsp最顶端的引入标签(不太了解jsp,就
页面加载样式闪现问题
css样式闪现,页面加载顺序
html样式不兼容 详解
许多中国的网站不符合WEB标准导致火狐浏览器不兼容,下面给出网站对火狐不兼容的原因以及解决的方法 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: 许多中国的网站不符合WEB标准导
Odoo Qweb报表css丢失问题
有时候我们恢复过来的数据库在打印原来系统的Qweb报表的时候会发现所有的样式都丢失了,只打印内容出来。 这时候我们可以进入Setting/ Technical / Paramters / System parameter (菜单需要启动开发者模式),修改web.base.url 为 http://localhost:8069。然后再试试打印报表,是不是css都回来了 :-)
关于Idea中的maven项目的css不能正确显示问题
1.首先可能的原因是没有加载静态的css等文件,查看http://blog.csdn.net/pruett/article/details/78075007 来排除 2.可能在删除其他的css 的时候 有的页面还没有把css的引用去掉,所以出现了删除不安全, 即使能使用里面的css的选择器,但是部署到tomcat之后就是不能在页面上正常的显示,可以将css的内容拷贝,重新建一个名字不一样的css
JSP在tomcat项目中部署后无法显示CSS和图片
JSP在tomcat项目中部署后无法显示CSS和图片 在java web 项目中用myeclipe自带浏览器浏览该JSP是可以正常显示图片和CSS的,将代码复制出来变成html 单击打开也是可以正常显示的,一旦用tomcat部署完,通过浏览器访问,就不无法显示图片和css了,有没有碰到这问题的,求解答,谢谢   nimama3389