4155人阅读
在安装Standards Update for VS2010 SP1后，VS2010中没有CSS3.0问题，以下是我的解决方法
1、首先去官网下载 CSS 3 Intellisense Schema&
3、Win+R 输入 regedit 打开注册表&
4、找到&[HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\VisualStudio\10.0\Packages\{A764E895-518D-11d2-9A89-00C04F79EFC3}\Schemas\Schema 5]&
5、如果没有 Schema 5 创建它，并创建 String File = css30.xml 和String Friendly Name = CSS 3.0.
6、在路径C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas 中找到刚刚安装的CSS文件夹中的css30.xml, 并将它拷贝到
& & & D:\Microsoft Visual Studio 10.0\Common7\Packages\2052\schemas\CSS 路径下（注：这个是安装VS2010的路径）
7、重启VS2010即可
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：82182次
积分：1202
积分：1202
排名：千里之外
原创：39篇
转载：47篇
评论：11条
(1)(1)(1)(1)(1)(1)(1)(1)(4)(3)(2)(2)(1)(18)(6)(4)(4)(2)(9)(4)(8)(1)(2)(6)(3)基于css3仿造window7的开始菜单
作者：佚名
字体：[ ] 来源：互联网 时间：06-17 22:36:12
相当逼真，css3果然强悍。要留意的点依旧是哪几项，难点在于细节的微调，尤其是渐变背景的制作，css3中非常灵活，下次有机会，发篇css3渐变背景的详细教程。
相当逼真，css3果然强悍。友情提示：请勿在IE下浏览。来看下原作者的设计草图： 简明创建过程 第一步 ：创建如下菜单结构 代码如下: &div id="startmenu"& &ul id="programs"& &li&&a href="#"&&img src="firefox-32.png" alt="" /&Mozilla Firefoxa&&/li& &li&&a href="#"&&img src="chrome.png" alt="" /&Google Chromea&&/li& &li&&a href="#"&&img src="safari.png" alt="" /&Safaria&&/li& &li&&a href="#"&&img src="opera.png" alt="" /&Operaa&&/li& &li&&a href="#"&&img src="ie.png" alt="" /&Internet Explorera&&/li& &li&&a href="#"&&img src="rss_32.png" alt="" /&RSS Feedsa&&/li& &li&&a href="#"&&img src="twitter_32.png" alt="" /&Twittera&&/li& &li&&a href="#"&&img src="delicious_32.png" alt="" /&Deliciousa&&/li& &ul& &ul id="links"& &li class="icon"&&img src="folder.png" alt="" /&&/li& &li&&a href="#"&&span&Documentsspan&a&&/li& &li&&a href="#"&&span&Picturesspan&a&&/li& &li&&a href="#"&&span&Musicspan&a&&/li& &li&&a href="#"&&span&Computerspan&a&&/li& &li&&a href="#"&&span&Networkspan&a&&/li& &li&&a href="#"&&span&Connect tospan&a&&/li& &ul& div& win7的开始菜单有二个部分，左侧程序菜单，右侧系统菜单。 第二步：菜单容器css 代码如下: #startmenu { border:solid 1px #102a3e; overflow: display:inline- margin:60px 0 0 20 -moz-border-radius:5-webkit-border-radius:5 position: box-shadow: inset 0 0 1px # -moz-box-shadow: inset 0 0 1px # -webkit-box-shadow: inset 0 0 1px # background-color:#619bb9; background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc)); } 有几个关注的点,可以留意下： -moz-border-radius:5-webkit-border-radius:5圆角效果，这是css3中应用最广的 box-shadow: inset 0 0 1px # -moz-box-shadow: inset 0 0 1px # -webkit-box-shadow: inset 0 0 1px #阴影效果 background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));渐变背景 第三步：菜单左侧部分的css 代码如下: #programs { background:# border:solid 1px #365167; margin:7px 0 7px 7 box-shadow: 0 0 1px # -moz-box-shadow: 0 0 1px # -webkit-box-shadow: 0 0 1px # -moz-border-radius:3-webkit-border-radius:3} #programs a { border:solid 1 display: padding:3 margin:3 color:#4b4b4b; text-decoration: min-width:220} #programs a:hover {border:solid 1px #7da2 -moz-border-radius:3 -webkit-border-radius:3 box-shadow: inset 0 0 1px # -moz-box-shadow: inset 0 0 1px # -webkit-box-shadow: inset 0 0 1px # background-color:#cfe3 background: -moz-linear-gradient(top, #dcebfd, #c2dcfd); background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));} #programs a img {border:0; vertical-align: margin:0 5px 0 0;} 这里值得留意的是鼠标经过菜单项的效果设置，也就是#programs a:hover里的样式，这是难点，也是css3的强大之处，依旧是圆角、阴影、渐变背景。 第四步：菜单右侧的CSS部分 代码如下: #links {margin:7 margin-top:-30} #links li.icon {text-align:} #links a {border:solid 1 display: margin:5px 0; position: color:# text-decoration: min-width:120} #links a:hover {border:solid 1px #000; -moz-border-radius:3 -webkit-border-radius:3 box-shadow: 0 0 1px # -moz-box-shadow: inset 0 0 1px # -webkit-box-shadow: inset 0 0 1px # background-color:#658da0; background: -moz-linear-gradient(center left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55)); background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384)); } #links a span { padding:5 display: } #links a:hover span { background: -moz-linear-gradient(center top, transparent, transparent 49%, rgba(2,37,58,0.5) 50%, rgba(63,111,135,0.5)); background: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(49%, transparent), color-stop(50%, rgba(2,37,58,0.5)), to(rgba(63,111,135,0.5))); } 要留意的点依旧是哪几项，难点在于细节的微调，尤其是渐变背景的制作，css3中非常灵活，下次有机会，发篇css3渐变背景的详细教程。 英文原文： (请不要在IE下测试)
大家感兴趣的内容
12345678910
最近更新的内容WIN7操作系统下做好IE6,IE7的兼容性测试
作者：佚名
字体：[ ] 来源：互联网 时间：07-27 19:01:11
当然，最好是IETester 的更新的版本可以完全兼容WIN7，这样就省了不少功夫，呵呵。
前端开发的同行们，特别是涉及页面重构一块的，在web页面完成的时候，一般都要进行个主流浏览器的兼容性测试，一般情况下，像火狐，opera，safari,chrome这种浏览器，直接在网上下载最新的版本就行了，但是IE6，7，8,这三个浏览器，在系统中一般都是不能同时安装的，以前在XP上，用IETester 就可以同时让ie三个浏览器共存，但是，我在WIN7的系统下，安装IETester v0.4.4版本（目前最新版），网上宣称可以兼容WIN7，虽然但是实际情况运行起来还是遇到了一些问题，IE6可以正常运行，但IE7的版本有时候无法打开页面，不知道其他人是否遇到过。 目前我解决的方法有两个： 1，用360浏览器 3.1.6.5版本，经个人测试验证的，页面呈现跟IE7相同，针对的hack也可以通过，但是否是用到了IE7的内核，有待考证，暂时可以用它来替代IE7的检测。 2，安装虚拟机，另外再安装XP系统，安装IETester ，这个方法虽然比较麻烦，确是最实用的，也最稳定的方法。 当然，最好是 的更新的版本可以完全兼容WIN7，这样就省了不少功夫，呵呵。
大家感兴趣的内容
12345678910
最近更新的内容