小编UrB*_*end的帖子

用于CSS绘制箭头的CSS投影

我想要一个div在这里盘旋时出现的箭头也会掉落一个阴影.箭头来自CSS:

.arrow {
position:absolute;
margin-top:-50px;
left:80px;
border-color: transparent transparent transparent #ccff66;
border-style:solid;
border-width:20px;
width:0;
height:0;
z-index:3;
_border-left-color: pink;
_border-bottom-color: pink;
_border-top-color: pink;
_filter: chroma(color=pink);
}
Run Code Online (Sandbox Code Playgroud)

我想申请的影子设置是:

-moz-box-shadow: 1px 0px 5px #888;
-webkit-box-shadow: 1px 0px 5px #888;
box-shadow: 1px 0px 5px #888;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#888888')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#888888');
Run Code Online (Sandbox Code Playgroud)

将阴影设置粘贴到箭头中的问题是阴影应用于整个跨度框并导致框阴影而不是箭头的阴影.

PS我想尝试尽可能不使用explorercanvas,因为我正在尝试最小化html中的脚本标记.但是,如果必须请提供代码.

css shadow css3

16
推荐指数
1
解决办法
2万
查看次数

CSS将正方形转换为更薄的菱形

如何制作菱形:菱形(如红色所示)通过使用css转换正方形?只有B点和C点必须移动.原始尺寸为25像素×25像素.

我正在努力实现这个结果,然后将它旋转45度,使它看起来像钻石.我认为这可以使用transform:matrix();

PS我想尝试尽可能不使用explorercanvas,因为我正在尝试最小化html中的脚本标记.

css transform matrix

15
推荐指数
1
解决办法
1万
查看次数

:活动的css选择器不适用于IE8和IE9

这是我的网站.这是我所经历和解决的一系列跨浏览器差异的最后一个问题,这要归功于社区.

基本上,在Internet Explorer 8和Internet Explorer 9中,:active样式不会应用于菜单.按下时应该变暗.请让我知道为什么以及如何解决.提前致谢.

css css-selectors internet-explorer-8 internet-explorer-9

6
推荐指数
2
解决办法
2万
查看次数

如何为网站添加缓存?

基于Google页面速​​度工具,我应该利用浏览器缓存。如何为我的网站做到这一点?我只需要缓存除静态HTML页面之外的所有资产。我要添加什么代码?以及如何在html页面中添加这些代码?

html caching

3
推荐指数
1
解决办法
2885
查看次数