有没有办法创建一个css框阴影,其中无论模糊值如何,阴影只出现在所需的边上?
例如,如果我想在左侧和右侧创建一个阴影,而在顶部或底部没有阴影.div没有绝对定位,其高度由内容决定.
- 编辑 -
@ricebowl:谢谢你的回答.也许您可以帮助创建一个完整的解决方案来解决我对您的解决方案的回复中陈述的问题...我的页面设置如下:
<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="clearfooter"></div>
</div>
<div id="footer"></div>
Run Code Online (Sandbox Code Playgroud)
和CSS这样:
#container {width:960px; min-height:100%; margin:0px auto -32px auto;
position:relative; padding:0px; background-color:#e6e6e6;
-moz-box-shadow: -3px 0px 5px rgba(0,0,0,.8),
3px 0px 5px rgba(0,0,0,.8);}
#header {height:106px; position:relative;}
#content {position:relative;}
#clearFooter {height:32px; clear:both; display:block; padding:0px; margin:0px;}
#footer {height:32px; padding:0px; position:relative; width:960px; margin:0px
auto 0px auto;}
Run Code Online (Sandbox Code Playgroud) Tomcat版本:7.0.20
我正在尝试通过以下Spring MVC教程:http: //static.springsource.org/docs/Spring-MVC-step-by-step/part1.html
在本教程中,将使用管理器设置ant构建脚本以部署到tomcat.但是,当我尝试运行任何tomcat任务时,我遇到了一些问题.
首先,在教程中,他们仍然使用org.apache.catalina.ant.InstallTask
已弃用的,所以我改为org.apache.catalina.ant.DeployTask
.
现在的问题是,当我尝试运行Tomcat任务时,我得到:
java.lang.NoClassDefFoundError: org/apache/tomcat/util/buf/B2CConverter
at org.apache.catalina.util.Base64.encode(Base64.java:177)
at org.apache.catalina.ant.AbstractCatalinaTask.execute(AbstractCatalinaTask.java:204)
at org.apache.catalina.ant.AbstractCatalinaTask.execute(AbstractCatalinaTask.java:150)
at org.apache.catalina.ant.ReloadTask.execute(ReloadTask.java:45)
at org.apache.tools.ant.UnknownElement.execute(UnknownElement.java:291)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:39)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
at java.lang.reflect.Method.invoke(Method.java:597)
at org.apache.tools.ant.dispatch.DispatchUtils.execute(DispatchUtils.java:106)
at org.apache.tools.ant.Task.perform(Task.java:348)
at org.apache.tools.ant.Target.execute(Target.java:390)
at org.apache.tools.ant.Target.performTasks(Target.java:411)
at org.apache.tools.ant.Project.executeSortedTargets(Project.java:1399)
at org.apache.tools.ant.Project.executeTarget(Project.java:1368)
at org.apache.tools.ant.helper.DefaultExecutor.executeTargets(DefaultExecutor.java:41)
at org.apache.tools.ant.Project.executeTargets(Project.java:1251)
at org.apache.tools.ant.Main.runBuild(Main.java:809)
at org.apache.tools.ant.Main.startAnt(Main.java:217)
at org.apache.tools.ant.launch.Launcher.run(Launcher.java:280)
at org.apache.tools.ant.launch.Launcher.main(Launcher.java:109)
Caused by: java.lang.ClassNotFoundException: org.apache.tomcat.util.buf.B2CConverter
at java.net.URLClassLoader$1.run(URLClassLoader.java:202)
at java.security.AccessController.doPrivileged(Native Method)
at java.net.URLClassLoader.findClass(URLClassLoader.java:190)
at java.lang.ClassLoader.loadClass(ClassLoader.java:306)
at java.lang.ClassLoader.loadClass(ClassLoader.java:247)
... 21 more …
Run Code Online (Sandbox Code Playgroud) 我有一个网站,其中包含以下设置:
<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="clearfooter"></div>
</div>
<div id="footer"></div>
Run Code Online (Sandbox Code Playgroud)
当内容不足时,我使用clearfooter和容器外部的页脚将页脚保持在页面底部.
我的问题是我想以下列方式在容器div上应用一个盒子阴影:
#container {width:960px; min-height:100%; margin:0px auto -32px auto;
position:relative; padding:0px; background-color:#e6e6e6;
-moz-box-shadow: -3px 0px 5px rgba(0,0,0,.8),
3px 0px 5px rgba(0,0,0,.8);}
#header {height:106px; position:relative;}
#content {margin:0px; padding:10px 30px 10px 30px; position:relative;}
#clearFooter {height:32px; clear:both; display:block; padding:0px; margin:0px;}
#footer {height:32px; padding:0px; position:relative; width:960px;
margin:0px auto 0px auto;}
Run Code Online (Sandbox Code Playgroud)
正如你可以看到它在容器div的每一侧都有一个阴影.然而,在这样做时,当内容没有占据整个高度时,由于模糊,阴影推动经过页脚的底部仍然存在滚动条.
有没有办法防止阴影越过容器div的边缘并导致滚动条?
谢谢你的帮助!
我目前正在使用一个使用Wordpress的网站.但是它使调试有点困难,因为我无法在页面上显示PHP错误.相反,我得到死亡的白色屏幕.
我试过在wp-config.php文件和php.ini文件中添加定义无济于事.我也无法在.htaccess中添加标志,因为服务器处理apache/php的方式.
我注意到的一件事是Wordpress之外的任何页面都显示错误.
有什么建议?