今天我设计了一个透明的PNG背景,只能坐在div的左上角,div的其余部分将为PNG的所有透明区域以及div本身的其余部分保留渐变背景.
通过我认为可行的代码解释可能更好:
#mydiv .isawesome {
/* Basic color for old browsers, and a small image that sits in the top left corner of the div */
background: #B1B8BD url('../images/sidebar_angle.png') 0 0 no-repeat;
/* The gradient I would like to have applied to the whole div, behind the PNG mentioned above */
background: -moz-linear-gradient(top, #ADB2B6 0%, #ABAEB3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ADB2B6), color-stop(100%,#ABAEB3));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADB2B6', endColorstr='#ABAEB3',GradientType=0 );
}
我发现的是大多数浏览器选择其中一个 - 大多数选择渐变,因为它更深入CSS文件.
我知道这里的一些人会说"只是将渐变应用于你正在制作的PNG" - 但这并不理想,因为div会保持动态高度 - 有时很短,有时很高.我知道这个渐变并不重要, …
快问.我正在写出一些代码,如果有一种方法可以在对象内的5px的div上添加边框,那就很奇怪了 - 就像在div的实际边缘上一样.我检查了WC3并没有看到任何规格 - 但我可能错过了它.
在我的情况下,我将在div中使用虚线边框5px,以创建一个效果,就像div被缝到网站的其余部分.我可以使用background-image相当容易地完成它,但是为什么在一行或两行css时可以添加KB.
我认为它会像"边界位置"或"边界距离".
提前致谢.
我一直在做一个表格,遇到了障碍.我一直在使用输入类型="url",以便iPad和iPhone等都能拉出正确的键盘 - 并尝试遵循新标准.
我遇到了一个问题.在其中的网址形式不是必需的-如果www.theiraddress.com用户类型的大多数浏览器在红色/黄色勾勒出它来通知他们需要输入用户:之前的"http //".
我使用了输入:无效的css来删除该大纲.
但是,现在当用户提交表单时,浏览器会抛出错误提示"请输入URL".
该字段不是必需的 - 我只是想让人们更容易输入他们的地址 - 但仍然在移动设备上显示正确的键盘等.
有没有办法删除这个令人烦恼的工具提示,阻止用户提交表单？
我正在使用PHP5在共享主机上运行WP 3.0.1.我在通过WP的管理部分中的媒体上传器上传更大的文件时遇到问题.
每当我尝试上传一个超过几兆字节的文件时,它上传,说它的处理,然后给我一个大的红色"HTTP错误". - 仅此而已.
这只发生在稍微大一点的文件上 - 即20mb .mp3文件.一个5mb的文件似乎工作正常.奇怪的是,过去我们上传了40mb文件没有问题.
-
这是我到目前为止尝试和纠正这种情况的步骤:
-
你们有什么想法可能导致模糊的"HTTP错误"吗？问题？
提前致谢.
我一直在打磨我过去一两天建立的一个页面,在使用了box-shadow之后遇到了一个问题 - 我希望有人可以通过简单的方法来解决这个问题.
设置: 我有一个div有一些属性,包括宽度,最大宽度和框阴影.
#mydiv {
width:100%;
max-width:1200px;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
问题: "box-shadow"属性将div元素的宽度增加40px - 每侧20px.当屏幕足够小以至于内容应该达到100%宽度属性时,我们会看到一个水平滚动条.在通过CSS挖掘之后,我发现这是因为div在技术上更像宽度:100%+ 40px;
我试过的: 我考虑过设置溢出:隐藏在父div上,但我确实有一个最小宽度设置,然后使内容无法访问.我也尝试在box-shadow CSS中使用百分比作为大小参数 - 例如1% - 然后将div的宽度设置为98% - 但是box-shadow CSS似乎不接受其百分比尺寸.我也考虑使用javascript来测试浏览器宽度,然后相应地显示或隐藏box-shadow元素,但它似乎不是最佳解决方案.
必须有一种更简单的方法来处理这个问题.思考？