这里有一个简单的例子:
如果DOCTYPE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
每次我恢复/最大化IE7上的窗口时,圆角DIVS都不会被重新绘制,并且不会随布局移动。
如果我把我的衣服改成
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
我想在sup元素中添加圆角和一些填充。
<div>Here is my main text<sup>sup text</sup></div>
<style>
sup {
background-color:#f00;
}
</style>
默认情况下,sup元素具有display:inline;。我可以设置display:block;并使用填充和旋转的边角进行操作,但我应该修改sup结构,因为HTML现在是阻塞的。有没有可能用填充和圆角来装饰sup而不修改HTML结构,而仅仅是CSS。
谢谢。
我有一个故意小于其内容的div (我正在制作一个滑动切换小部件)。我想让容器有圆角。在FireFox中,它按预期呈现,但Chrome和Safari都显示了圆角和方角之间区域的内部内容。我不能把圆角的内部内容,因为没有解决方案是正确的,所有的情况(切换左,切换右,切换在运动)。这是我到目前为止所知道的:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
我正在创建下拉菜单,如果主列表项没有子菜单,则希望在悬停的所有四个角上添加圆角边框,但如果菜单列表项目有子菜单,则只希望顶部角在悬停时四舍五入。子菜单本身不会有任何圆角边框,并且会混合到父菜单的选项卡中。创建菜单的HTML来自一个WordPress函数(wp_page_menu),它不为没有子标记的li标记创建不同的CSS类,而不为带子的li标记创建不同的CSS类。
此CSS创建一个深灰色圆角矩形周围的菜单列表项目时,一个列表项目是通过鼠标。但是,只有在菜单列表项没有子项的情况下,我才想要这种效果。
.menu ul li:hover a {
background:#111;